:root{--font-system: "Funnel Display", sans-serif;--background-color: #F5F5F7;--background-muted: #F9FAFB;--text-primary-color: #1D1D1F;--text-secondary-color: #6E6E73;--border-color: #E5E5EA;--accent-color: #6366F1;--accent-hover-color: #4F46E5;--container-width: 1200px;--border-radius: 12px;--shadow: 0 1px 2px rgba(0,0,0,.03), 0 4px 8px rgba(0,0,0,.03), 0 10px 20px rgba(0,0,0,.03);--transition: all .25s ease-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-system);background-color:var(--background-color);color:var(--text-primary-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-width);margin:0 auto;padding:0 16px}i[data-feather]{width:14px;height:14px;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.app-header{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:2px;font-size:1.5rem;font-weight:700;color:var(--text-primary-color)}.logo h1{font-size:1.5rem;font-weight:700;margin:0}.user-info{display:flex;align-items:center;gap:12px}.principal-display{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px 12px;font-size:.9rem;color:var(--text-secondary-color);font-family:monospace}.principal-display button{background:none;border:none;cursor:pointer;color:var(--text-secondary-color);transition:var(--transition);line-height:0}.principal-display button:hover{color:var(--accent-color)}.button-primary,.button-secondary,.refresh-button{font-family:var(--font-system);font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);border:none;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-primary{background:var(--accent-color);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-hover-color);transform:translateY(-2px)}.button-primary:disabled{background:#A5A5AA;cursor:not-allowed}.button-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-primary-color)}.button-secondary:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.button-danger{background:#FF3B30;color:#fff;padding:12px 24px;border-radius:var(--border-radius)}.button-danger:hover:not(:disabled){background:#D32F2F;transform:translateY(-2px)}.button-danger:disabled{background:#A5A5AA;cursor:not-allowed}.refresh-button{background:none;padding:8px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spinner.hidden{display:none}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-main{padding:40px 0;min-height:calc(100vh - 104px);background:var(--background-muted)}.dashboard-header{margin-bottom:32px;text-align:center}.card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:24px}.card-header{padding:16px 24px;border-bottom:1px solid var(--border-color)}.card-body{padding:24px}.search-container{display:flex;gap:12px}.search-container input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;transition:var(--transition)}.search-container input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #6366f11a}#results-container .result-item{padding:16px;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:space-between;margin-top:16px;transition:var(--transition)}#results-container .result-item:hover{box-shadow:var(--shadow)}#domain-list .domain-item-wrapper{border-bottom:1px solid var(--border-color)}#domain-list .domain-item-wrapper:last-child{border-bottom:none}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.domain-item-right{display:flex;align-items:center;gap:12px}.domain-name{font-weight:500;font-size:1rem}.domain-status{font-size:.85rem}.details-toggle-button{background:none;border:none;cursor:pointer;color:var(--text-secondary-color);transition:var(--transition)}.details-toggle-button:hover{color:var(--accent-color)}.domain-item-wrapper.details-visible .details-toggle-button{transform:rotate(180deg)}.domain-details{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0 16px}.domain-item-wrapper.details-visible .domain-details{max-height:200px;padding:8px 16px 16px}.domain-details ul{list-style:none;padding:0}.domain-details li{color:var(--text-secondary-color);margin-bottom:8px;font-size:.9rem}.domain-details li strong{color:var(--text-primary-color)}.domain-details a{color:var(--accent-color);text-decoration:none}.domain-details a:hover{text-decoration:underline}.admin-table{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 2fr 1fr;gap:16px}.table-header{display:contents}.table-header span{font-weight:600;color:var(--text-secondary-color);padding:12px 0;border-bottom:1px solid var(--border-color)}#admin-domain-list .domain-item{display:contents}#admin-domain-list .domain-item>div{padding:12px 0;border-bottom:1px solid var(--border-color);font-size:.9rem}.tld-container{display:flex;gap:12px;margin-bottom:16px}.tld-container input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem}.tld-container input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}#tld-list .tld-item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--border-color);font-size:.9rem}#tld-list .tld-item:last-child{border-bottom:none}.caffeine-url-container{display:flex;gap:12px}.caffeine-url-container input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem}.caffeine-url-container input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}#caffeine-url-list .caffeine-url-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}#caffeine-url-list .caffeine-url-item:last-child{border-bottom:none}.url-actions{display:flex;gap:8px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}.modal-content{background:#fff;padding:24px;border-radius:var(--border-radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);animation:slideIn .3s ease-out;position:relative}.modal-close-button{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--text-secondary-color);transition:var(--transition)}.modal-close-button:hover{background:var(--background-muted);color:var(--text-primary-color)}.modal-close-button i[data-feather]{width:20px;height:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}#domain-select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236e6e73' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right 12px center;background-size:1.5em;transition:var(--transition)}#domain-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}.modal-content pre{background:var(--background-muted);padding:16px;border-radius:var(--border-radius);font-size:.9rem;overflow-x:auto}.status-pill{padding:4px 12px;border-radius:16px;font-size:.85rem;color:#fff}.status-pill.green{background:#34C759}.status-pill.orange{background:#FF9500}.status-pill.red{background:#FF3B30}.ic-status-item{display:flex;align-items:center;gap:8px;margin-bottom:12px}.refresh-button{background:none;border:none;cursor:pointer;color:var(--text-secondary-color);transition:var(--transition)}.refresh-button:hover{color:var(--accent-color)}.purchase-options{display:flex;align-items:center;gap:12px}.period-selector{display:inline-flex;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.period-option{background:#fff;border:none;padding:8px 16px;cursor:pointer;font-size:.9rem;color:var(--text-secondary-color);transition:var(--transition)}.period-option:not(:last-child){border-right:1px solid var(--border-color)}.period-option.selected{background:var(--accent-color);color:#fff}.period-option:hover:not(.selected){background:var(--background-muted)}.price{font-size:1.25rem;font-weight:600}.icp-balance{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:8px 12px}.icp-balance img{vertical-align:middle}.send-icp-container{display:flex;gap:12px;flex-wrap:wrap}.send-icp-container input{flex:1;padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem}.send-icp-container input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #6366f11a}.notification{position:fixed;top:16px;right:16px;padding:12px 24px;border-radius:var(--border-radius);z-index:3000;box-shadow:var(--shadow);animation:slideInRight .3s ease-out}.notification.success{background:#34C759;color:#fff}.notification.error{background:#FF3B30;color:#fff}.notification.warning{background:#FF9500;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-muted)}.login-container{text-align:center;padding:24px}.login-card{background:#fff;padding:48px;border-radius:var(--border-radius);box-shadow:var(--shadow);max-width:450px;width:100%}.login-card .logo{margin-bottom:16px}.login-tagline{color:var(--text-secondary-color);margin-bottom:32px;font-size:1.1rem}.login-card .button-primary{width:100%;padding:16px;font-size:1rem}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.container{padding:0 12px}.header-content{height:56px}.logo{font-size:1.25rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.dashboard-main{padding:24px 0}.mobile-menu-container{position:relative}.menu-icon-button{background:none;border:none;cursor:pointer;padding:8px}.menu-icon-button i[data-feather]{width:20px;height:20px}.mobile-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:16px;width:280px;z-index:1100}.mobile-dropdown.active{display:block}.mobile-dropdown .principal-display{margin-bottom:16px}.mobile-dropdown .button-secondary{width:100%;margin-bottom:8px}.search-container,.caffeine-url-container,.send-icp-container{flex-direction:column}.caffeine-url-item{flex-direction:column;align-items:flex-start;gap:12px}.url-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.send-icp-container .button-primary{width:100%}.admin-table{grid-template-columns:1fr}.table-header span:not(:first-child){display:none}#admin-domain-list .domain-item>div{border-bottom:none;padding:8px 0}#admin-domain-list .domain-item>div:before{content:attr(data-label);font-weight:600;color:var(--text-secondary-color);display:block}.result-item{flex-direction:column;align-items:stretch;gap:12px}.purchase-options{flex-direction:column;align-items:stretch}.domain-item{flex-direction:column;align-items:flex-start;gap:8px}.domain-item-right{width:100%;justify-content:space-between}.login-card{padding:32px}.tld-container{flex-direction:column}#tld-list .tld-item{grid-template-columns:1fr}#tld-list .tld-item>div:before{content:attr(data-label);font-weight:600;color:var(--text-secondary-color);display:block}}.resume-button{color:var(--accent-color);text-decoration:none;font-weight:500;transition:var(--transition)}.resume-button:hover{text-decoration:underline;color:var(--accent-hover-color)}