.topbar{color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-2));border-bottom:1px solid rgba(240,212,110,.28)}.topbar-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-mark{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--gold);font-size:26px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,var(--gold),var(--gold-2));box-shadow:0 0 20px rgba(240,212,110,.5)}.topbar-logo{width:42px;height:42px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.08)}.btn{min-height:48px;border:0;border-radius:999px;padding:12px 22px;cursor:pointer;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(180deg,var(--gold),var(--gold-2));color:#16254f;box-shadow:0 10px 24px rgba(222,190,85,.25)}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}.card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:800;color:#263250}.field small{color:var(--muted);line-height:1.8}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);padding:14px 16px;outline:0}.textarea{min-height:105px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold-2);box-shadow:0 0 0 4px rgba(240,212,110,.16)}.message{min-height:26px;margin:10px 0 0;font-weight:700}.message.error{color:var(--danger)}.message.success{color:var(--success)}.modal{position:fixed;inset:0;background:rgba(5,12,30,.62);display:none;align-items:center;justify-content:center;padding:18px;z-index:50}.modal.active{display:flex}.modal-card{width:min(720px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:28px;padding:26px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(7,16,37,.72);z-index:80;color:#fff}.loading-overlay.active{display:flex}.gold-clock{direction:ltr;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(34px,8vw,84px);font-weight:900;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 30px rgba(240,212,110,.35)}.gold-clock .bar{display:inline-block;min-width:1.35em;height:.72em;border-radius:.18em;background:linear-gradient(180deg,#ffe28a,#b98f2c);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 10px 26px rgba(222,190,85,.35);vertical-align:-.08em}.loading-caption{text-align:center;margin-top:20px;color:rgba(255,255,255,.82);font-weight:800}@media(max-width:720px){.topbar-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.modal-actions,.btn{width:100%}}
.modal-card{position:relative}.modal-back-button{position:sticky;top:0;margin:-6px -6px 12px auto;width:42px;height:42px;border:0;border-radius:50%;background:#f3f4f6;color:#111827;font-size:22px;font-weight:900;display:grid;place-items:center;cursor:pointer;z-index:5}.modal-back-button:hover{background:#e5e7eb}.modal-card .workspace-head{padding-left:46px}@media(max-width:700px){.modal-back-button{width:40px;height:40px;font-size:20px}}