.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:42px 24px 28px;background:radial-gradient(ellipse at 50% 0,#e9efff 0,transparent 54%),#f5f7fb}.auth-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:#214ca4;align-self:flex-start;max-width:1120px;width:100%;margin:0 auto 48px}.auth-brand img{flex:none}.auth-card{width:min(100%,440px);margin:auto;padding:36px;background:#fff;border:1px solid #dfe6f1;border-radius:18px;box-shadow:0 12px 44px #253d6c0a;text-align:left}.auth-mark{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#edf2ff;color:#285ee3;font-size:27px;line-height:1;margin-bottom:24px}.auth-eyebrow{font-size:12px;letter-spacing:.04em;color:#637997;margin:0 0 10px}.auth-card h1{font-size:25px;letter-spacing:-.025em;margin:0 0 12px;color:#1b2c48}.auth-description{font-size:14px;color:#576d8c;line-height:1.8;margin:0 0 24px}.auth-card .btn{min-height:46px}.auth-card .btn-primary{justify-content:space-between;padding-inline:17px}.auth-card form{margin:0}.auth-error{padding:11px 13px;background:#fff3f3;color:#a82e43;border:1px solid #f1d2d9;border-radius:8px;white-space:pre-wrap;font-size:13px;line-height:1.75;overflow-wrap:anywhere;margin:0 0 18px}.auth-progress{display:flex;gap:10px;align-items:center;padding:10px 0 18px;color:#607491}.auth-note{font-size:12px;line-height:1.8;color:#72829a;margin:22px 0 18px}.auth-security{border-top:1px solid #e9edf5;padding-top:16px;color:#6a7e99;font-size:11px;display:flex;gap:7px;align-items:center}.auth-security>span{color:#23836e}.auth-footer{max-width:520px;margin:40px 0 0;color:#78889e;font-size:12px;line-height:1.8;text-align:center}.project-app{min-height:100dvh;display:flex;flex-direction:column}.project-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:36px;min-height:66px;padding:0 28px;border-bottom:1px solid #dfe5ef;background:#ffffffed;backdrop-filter:blur(12px)}.project-brand{display:flex;align-items:center;gap:10px;color:#254e9a;font-weight:700;font-size:16px;white-space:nowrap;text-decoration:none}.project-brand:hover{text-decoration:none}.project-nav{display:flex;align-self:stretch;align-items:stretch;gap:26px;flex:1;min-width:0}.project-nav a{position:relative;display:flex;align-items:center;color:#62738b;font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none;border-bottom:2px solid transparent;padding:3px 0 0}.project-nav a[aria-current=page]{border-color:#285ee3;color:#285ee3;font-weight:650}.project-nav a:hover{color:#285ee3}.project-account{position:relative;flex:none}.account-toggle{display:flex;align-items:center;gap:9px;min-height:42px;max-width:240px;border:0;background:transparent;border-radius:8px;padding:6px 8px;font-size:13px;color:#405678}.account-toggle:hover,.account-toggle[aria-expanded=true]{background:#f1f5fd}.account-toggle #user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.account-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#edf2ff;color:#3561ba;font-size:12px;font-weight:650}.account-menu{position:absolute;right:0;top:calc(100% + 8px);width:244px;background:#fff;border:1px solid #dce4f1;border-radius:11px;box-shadow:0 12px 34px #19325b19;padding:7px;z-index:110}.account-label{font-size:11px;color:#71839c;padding:9px 10px;margin:0;border-bottom:1px solid #edf0f6;margin-bottom:5px}.account-action{display:block;text-align:left;background:transparent;border:0;padding:10px;width:100%;border-radius:6px;font-size:13px;min-height:40px}.account-action:hover,.account-action:focus-visible{background:#f1f5fc}.project-content{width:100%;max-width:1560px;margin:0 auto;padding:28px;flex:1;min-width:0;outline:none}.project-footer{padding:18px 28px 22px;text-align:center;font-size:11px;color:#8592a6}.connection-banner{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 20px;background:#fff5dc;color:#875b18;border-bottom:1px solid #f0dcae;font-size:12px;line-height:1.7;flex-wrap:wrap}.connection-banner button{border:1px solid #dbc48d;color:#755015;background:#fffaf0;padding:4px 9px;border-radius:5px;min-height:30px;white-space:nowrap}.toast-root{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);z-index:1400;pointer-events:none;display:grid;gap:8px}.app-toast{border-radius:9px;background:#203858;color:#fff;padding:12px 17px;font-size:13px;line-height:1.65;box-shadow:0 6px 24px #172e5524;overflow-wrap:anywhere}.app-toast.error{background:#973549}.app-dialog{padding:0;border:1px solid #dce3ef;border-radius:14px;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);color:#233651;box-shadow:0 20px 80px #18315335;overflow:auto}.app-dialog::backdrop{background:#1a2f4f66;backdrop-filter:blur(2px)}.app-dialog header{padding:24px 24px 12px}.app-dialog h2{margin:0;font-size:18px;overflow-wrap:anywhere}.app-dialog .dialog-body{padding:0 24px 20px;white-space:pre-wrap;color:#5c6f8a;font-size:13px;line-height:1.8}.app-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e8edf4;background:#f9fafd}.dialog-error{color:#af3048;margin:12px 0 0}.recovery-dialog{width:min(680px,calc(100vw - 32px))}.recovery-dialog .field{margin-top:15px;white-space:normal}.recovery-dialog input[type=file]{width:100%;min-width:0;font-size:12px}.recovery-summary{margin-top:14px;color:#526a8a;font-size:12px;line-height:1.7}.do-workspace{grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:24px}.do-workspace .do-work{min-width:0}.do-workspace .do-domain-input textarea{min-height:154px}.do-history select{min-width:0}.do-table{max-width:100%}.availability-page{max-width:1380px;margin:auto}.dfx{margin-top:0;min-height:calc(100dvh - 208px);grid-template-columns:188px minmax(0,1fr)}.drive-page>.page-head{margin-bottom:20px}.drive-page>.page-head .page-actions{display:none}.drive-page>.drive-path,.drive-page>.drive-help{display:none}.dfx-tools{padding:20px}.dfx-tools .btn{font-size:13px}.dfx-nav button{font-size:13px}.dfx-empty{min-height:260px}.dfx-usage{font-size:12px}.dfx-file-area{min-width:0;overflow:auto}.dfx-context{z-index:120}.drive-transfers-float{z-index:150}.app-error-state{max-width:680px;margin:48px auto;padding:32px;text-align:center}.app-error-state h2{margin-bottom:12px}.app-error-state p{color:#637894;white-space:pre-wrap}.dfx-dialog,.dfx .dfx-dialog{max-height:calc(100dvh - 40px);overflow:auto}.dfx .dfx-dialog select{min-width:0;max-width:100%}
@media(min-width:1600px){.project-content{padding-top:34px}.auth-card{margin-block:auto}.auth-brand{margin-bottom:64px}.do-workspace{grid-template-columns:420px minmax(0,1fr)}}@media(max-width:1000px){.project-header{gap:24px;padding-inline:20px}.project-content{padding:22px}.do-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px}.do-workspace .do-form{padding:20px}.dfx{grid-template-columns:164px minmax(0,1fr)}}@media(max-width:800px){.do-workspace{grid-template-columns:minmax(0,1fr)}.project-header{gap:20px}.project-content{padding:20px 16px}.project-nav{gap:20px}.project-brand{font-size:15px}.account-toggle #user{max-width:100px}}@media(max-width:767px){.auth-screen{padding:24px 18px}.auth-brand{font-size:16px;margin-bottom:32px}.auth-card{padding:28px 24px;border-radius:14px}.auth-card h1{font-size:23px}.auth-footer{margin-top:30px;font-size:11px}.auth-mark{margin-bottom:22px}.project-header{flex-wrap:wrap;min-height:60px;padding:9px 14px 0;gap:5px 12px}.project-brand{flex:1;font-size:15px;gap:8px}.project-brand img{width:26px;height:26px}.project-account{margin-left:auto}.account-toggle{padding:4px;font-size:12px;max-width:180px}.account-toggle #user{max-width:84px}.account-avatar{width:27px;height:27px}.project-nav{order:3;flex-basis:100%;gap:26px;min-height:41px}.project-nav a{font-size:13px;min-height:41px}.project-content{padding:20px 12px 12px}.project-footer{padding:18px 12px;font-size:10px}.connection-banner{padding:9px 13px;justify-content:space-between;gap:7px}.account-menu{top:calc(100% + 8px);width:min(244px,calc(100vw - 28px))}.do-workspace{gap:16px}.do-workspace .do-form{padding:18px}.dfx{display:block;min-height:calc(100dvh - 236px);border-radius:9px}.dfx-nav{display:none}.dfx-tools{padding:14px 12px;gap:7px}.dfx-search{max-width:none;min-width:100%;margin:3px 0 0}.dfx-main{min-height:calc(100dvh - 238px)}.dfx-crumbs{padding-inline:12px}.dfx-options{padding-inline:12px}.dfx-empty{min-height:230px}.dfx .dfx-row{min-width:0}.drive-page>.page-head{margin-bottom:14px}.app-dialog header{padding:21px 20px 12px}.app-dialog .dialog-body{padding-inline:20px}.app-dialog footer{padding:14px 20px}.app-error-state{padding:26px 18px;margin:30px 0}.availability-page textarea{min-height:160px}}@media(prefers-reduced-motion:reduce){.project-header{backdrop-filter:none}.app-dialog::backdrop{backdrop-filter:none}}
.auth-note,.auth-security,.auth-footer{color:#5d6f88}.project-footer,.account-label{color:#5e7089}.dfx{--dfx-muted:#566b86}.dfx-nav-title,.dfx-usage,.dfx-empty p{color:#60728a}
.dfx{height:max(420px,calc(100dvh - 260px));min-height:0}.dfx-main{height:100%;min-height:0}.dfx-file small,.dfx-footer{font-size:12px;color:#5b6f8b}.dfx-tablehead{color:#5b6f8b}@media(max-width:767px){.dfx{height:max(440px,calc(100dvh - 272px));min-height:0}.dfx-main{height:100%;min-height:0}}