:root{--navy: #12284c;--navy-soft: #3a4d6e;--teal: #0f766e;--teal-dark: #0b5c56;--gold: #b08d3c;--bg: #ffffff;--gray: #f3f5f7;--line: #dde2e8;--danger: #9b2c2c;--ok: #1f6b4a;--radius: 10px;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--navy);background:var(--gray);font-size:16px;line-height:1.5}h1{font-size:1.6rem;margin:0 0 .75rem;color:var(--navy)}h2{font-size:1.15rem;margin:0 0 .5rem}a{color:var(--teal-dark)}code{background:var(--gray);padding:1px 6px;border-radius:4px}.muted{color:var(--navy-soft)}.small{font-size:.85rem}.center{text-align:center}label{display:block;font-weight:600;margin:.9rem 0 .3rem}input,select,textarea{width:100%;padding:.75rem .85rem;font-size:1rem;font-family:inherit;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy)}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,a:focus-visible,.nav-link:focus-visible{outline:3px solid rgba(15,118,110,.45);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:.65rem 1.2rem;border-radius:8px;border:1px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--teal);color:#fff;margin-top:1.1rem}.btn-primary:hover:not(:disabled){background:var(--teal-dark)}.btn-ghost{background:transparent;color:var(--navy);border-color:var(--line);margin-top:0}.btn-ghost:hover:not(:disabled){background:var(--gray)}.btn-block{width:100%}.row{display:flex;gap:.75rem;flex-wrap:wrap}.row .btn{margin-top:1.1rem}.alert{padding:.75rem 1rem;border-radius:8px;margin:.75rem 0;border:1px solid}.alert-error{background:#fdf2f2;border-color:#f1c4c4;color:var(--danger)}.alert-success{background:#eef8f2;border-color:#bfe2cf;color:var(--ok)}.alert-info{background:#f2f6fb;border-color:#c9d6e8;color:var(--navy)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-top:1rem}.cards .card{margin:0;display:flex;flex-direction:column;gap:.25rem;border-top:3px solid var(--gold)}.card-pending{border-top-color:var(--line)!important;border-style:dashed;background:#fafbfc}.card-label{font-weight:600;color:var(--navy-soft)}.card-value{font-size:2rem;font-weight:700;color:var(--teal-dark)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-items:start}.brand img{display:block;max-width:100%;object-fit:contain}.brand-md img{max-height:44px}.brand-lg img{max-height:90px;margin:0 auto 1rem}.brand-name{font-weight:700;letter-spacing:.02em;color:var(--navy);font-size:1.25rem}.brand-lg{text-align:center;margin-bottom:.5rem}.brand-lg .brand-name{font-size:1.6rem}.logo-preview{min-height:110px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:8px;padding:1rem;background:var(--gray);margin:.75rem 0}.logo-preview img{max-width:100%;max-height:90px}.auth-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--gray)}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:var(--radius);padding:1.75rem}.auth-card h1{text-align:center;font-size:1.4rem}.auth-card .muted{text-align:center;margin-top:0}.auth-card .btn-primary{margin-top:1.25rem}.center-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--navy-soft)}.spinner{width:34px;height:34px;border:4px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shell{display:flex;min-height:100%}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:1rem}.sidebar-brand{padding:.25rem .5rem 1rem;border-bottom:2px solid var(--gold)}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-link{display:block;padding:.7rem .85rem;border-radius:8px;color:var(--navy);text-decoration:none;font-weight:600}.nav-link:hover{background:var(--gray)}.nav-link.active{background:var(--teal);color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid var(--line)}.topbar-brand{display:none}.topbar-user{display:flex;align-items:center;gap:1rem;margin-left:auto;text-align:right}.topbar-user .muted{display:block;font-size:.85rem}.menu-btn{display:none}.content{padding:1.5rem;max-width:1200px;width:100%}.scrim{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#12284c8c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:#fff;border-radius:var(--radius);padding:1.5rem;max-width:420px;width:100%;border-top:4px solid var(--gold)}.modal-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-actions .btn{margin-top:.5rem}@media (max-width: 860px){.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s;box-shadow:4px 0 20px #00000026}.sidebar-open{transform:none}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12284c66;z-index:20}.menu-btn{display:inline-flex}.topbar-brand{display:block}.topbar-user>div{display:none}.content{padding:1rem}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}.sidebar{transition:none}}