.auth-page{max-width:1480px;margin:0 auto;padding:26px 24px 52px}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand .brand-mark{width:58px;height:58px;border-radius:17px}.auth-brand strong{display:block;font-size:20px}.auth-brand span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.auth-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.auth-layout{display:grid;grid-template-columns:380px 1fr;gap:16px;margin-top:16px}.auth-form-panel{height:max-content}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-form label,.auth-form fieldset{font-size:12px;font-weight:800;color:var(--ink-2)}.auth-form input,.auth-form select,.auth-form textarea{display:block;width:100%;margin-top:6px}.auth-form textarea{min-height:86px;resize:vertical}.auth-form .full{grid-column:1/-1}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.scope-grid label{display:flex;align-items:center;gap:5px;padding:8px;border-radius:9px;background:#fbf3e9;font-weight:600}.scope-grid input{width:auto;margin:0}.auth-list-area{display:grid;gap:12px}.auth-filters{display:flex;gap:8px;margin-top:14px}.auth-filters input{flex:1}.unit-list{display:grid;gap:12px}.unit-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;box-shadow:var(--shadow)}.unit-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.unit-head h3{font-size:18px}.unit-head p{color:var(--muted);font-size:11px;margin-top:4px}.unit-status{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.unit-status.active{background:#e5f3ed;color:#2f6b5b}.unit-status.pending{background:#fff2d9;color:#8a5b18}.unit-status.expired{background:#f1ece8;color:#7c6e65}.unit-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.unit-meta div{padding:9px;border-radius:10px;background:#fbf3e9}.unit-meta span{display:block;color:var(--muted);font-size:10px}.unit-meta strong{display:block;font-size:12px;margin-top:4px}.scope-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.scope-tags span{padding:4px 8px;border-radius:999px;background:#f3e6d8;color:var(--wine);font-size:10px}.unit-actions{display:flex;justify-content:flex-end;margin-top:10px}.unit-actions button{border:0;background:transparent;color:#9c4b46;font-size:11px;font-weight:800}@media(max-width:1000px){.auth-layout{grid-template-columns:1fr}.auth-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.auth-top{align-items:flex-start;flex-direction:column}.auth-form{grid-template-columns:1fr}.auth-form .full{grid-column:auto}.unit-meta{grid-template-columns:1fr}.auth-summary{grid-template-columns:1fr}}
.revenue-rule{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:16px;padding:18px 20px}.revenue-rule h2{font-size:24px;margin:6px 0}.revenue-rule p{color:var(--muted);font-size:12px}.split-inputs{display:flex;gap:10px;align-items:end}.split-inputs label{font-size:11px;font-weight:800}.split-inputs input{width:82px;margin-top:5px}.usage-panel{margin-top:16px}.usage-form{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:12px;align-items:end}.usage-form label{font-size:11px;font-weight:800}.usage-form input,.usage-form select{display:block;width:100%;margin-top:5px}.usage-form button{margin-bottom:1px}.ledger-wrap{overflow:auto;margin-top:12px}.ledger{width:100%;border-collapse:collapse;min-width:920px}.ledger th,.ledger td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line);font-size:12px}.ledger th{color:var(--muted);font-size:11px;background:#fbf3e9}.ledger td strong{color:var(--wine)}.usage-list{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}.usage-item{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #eee0d1;font-size:11px;color:#6f6159}.usage-item strong{color:var(--wine)}@media(max-width:1100px){.revenue-rule{grid-template-columns:1fr}.split-inputs{flex-wrap:wrap}.usage-form{grid-template-columns:repeat(3,1fr)}.usage-form button{grid-column:1/-1}}@media(max-width:640px){.usage-form{grid-template-columns:1fr}.split-inputs{display:grid;grid-template-columns:1fr 1fr}.split-inputs button{grid-column:1/-1}}
