:root{--tc-blue: #1e7ec8;--tc-blue-dark: #155e96;--tc-red: #ed3239;--tc-red-dark: #c5252b;--tc-navy: #0f2a44;--tc-text: #1f2937;--tc-muted: #64748b;--tc-border: #cbd5e1;--tc-bg: #f4f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--tc-text);background:var(--tc-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(circle at 0% 0%,rgba(30,126,200,.08),transparent 50%),radial-gradient(circle at 100% 100%,rgba(237,50,57,.08),transparent 50%),var(--tc-bg)}.brand{display:flex;justify-content:center;margin-bottom:1.5rem}.brand img{height:44px;width:auto}.card{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:2rem;box-shadow:0 10px 30px #0f2a441a;border-top:3px solid var(--tc-blue)}.card h1{margin:0 0 1.5rem;font-size:1.5rem;color:var(--tc-navy)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;font-weight:500;color:var(--tc-navy)}.field input{padding:.6rem .75rem;border:1px solid var(--tc-border);border-radius:8px;font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--tc-blue);box-shadow:0 0 0 3px #1e7ec82e}button.primary{width:100%;padding:.7rem 1rem;background:var(--tc-red);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .15s}button.primary:hover:not(:disabled){background:var(--tc-red-dark)}button.primary:disabled{opacity:.6;cursor:not-allowed}.error{background:#fee2e2;color:#991b1b;padding:.6rem .75rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.muted{font-size:.9rem;color:var(--tc-muted);text-align:center;margin-top:1rem}.muted a{color:var(--tc-blue);text-decoration:none;font-weight:500}.muted a:hover{text-decoration:underline}.divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--tc-muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--tc-border)}.gsi-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gsi-button{width:100%;display:flex;justify-content:center}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--tc-border);box-shadow:0 2px 10px #0f2a440a}.topbar-logo{height:32px;width:auto;max-width:60vw;object-fit:contain;display:block}.topbar-spacer{flex:1}.hamburger{width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;padding:0;transition:background .15s,border-color .15s}.hamburger:hover{background:#0f2a440d;border-color:var(--tc-border)}.hamburger span{display:block;width:20px;height:2px;background:var(--tc-navy);border-radius:2px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a4459;z-index:30}.drawer{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:#fff;z-index:40;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 20px #0f2a4426;overflow:hidden}.drawer.open{transform:translate(0)}.drawer-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--tc-border)}.drawer-header img{height:auto;max-height:36px;max-width:100%;width:auto;display:block}.drawer-user{padding:0}.drawer-user-name{font-weight:600;color:var(--tc-navy);font-size:.95rem}.drawer-user-email{font-size:.8rem;color:var(--tc-muted);margin-top:.15rem}.drawer-nav{display:flex;flex-direction:column;padding:.5rem;flex:1;overflow-y:auto}.drawer-nav-link{display:block;padding:.65rem .85rem;border-radius:8px;color:var(--tc-text);text-decoration:none;font-size:.95rem;font-weight:500;transition:background .15s,color .15s}.drawer-nav-link:hover{background:#1e7ec814;color:var(--tc-blue-dark)}.drawer-nav-link.active{background:#1e7ec81f;color:var(--tc-blue-dark)}.drawer-footer{padding:1rem 1.25rem;border-top:1px solid var(--tc-border);display:flex;flex-direction:column;gap:.75rem}.drawer-footer button{width:100%;padding:.55rem 1rem;background:#fff;border:1px solid var(--tc-border);border-radius:8px;color:var(--tc-navy);cursor:pointer;font-weight:500;transition:border-color .15s,color .15s}.drawer-footer button:hover{border-color:var(--tc-red);color:var(--tc-red)}.app-main{flex:1;padding:1.5rem 1rem 2rem}.page-content{max-width:720px;margin:0 auto}.page-title{margin:0 0 1rem;font-size:1.5rem;color:var(--tc-navy)}.placeholder-card{max-width:none}.page-content--wide{max-width:960px}.table-wrap{width:100%;overflow-x:auto;margin-top:.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.92rem;text-align:left}.data-table thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--tc-muted);font-weight:600;padding:.6rem .5rem;border-bottom:1px solid var(--tc-border);background:transparent}.data-table tbody td{padding:.7rem .5rem;border-bottom:1px solid #eef2f7;color:var(--tc-text);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table select{padding:.35rem .5rem;border:1px solid var(--tc-border);border-radius:6px;background:#fff;font-size:.9rem;color:var(--tc-text);cursor:pointer;transition:border-color .15s,box-shadow .15s}.data-table select:focus{outline:none;border-color:var(--tc-blue);box-shadow:0 0 0 3px #1e7ec82e}.data-table select:disabled{opacity:.6;cursor:not-allowed}.row-actions{text-align:right;white-space:nowrap}.danger-link{background:transparent;border:none;color:var(--tc-red);font-weight:500;cursor:pointer;padding:.35rem .5rem;border-radius:6px;transition:background .15s}.danger-link:hover:not(:disabled){background:#ed323914}.danger-link:disabled{opacity:.5;cursor:not-allowed}.section-header{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}button.primary.primary--inline{width:auto;padding:.45rem .9rem;font-size:.88rem}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge--active{background:#228b471f;color:#1f7a3f}.status-badge--pending{background:#f59e0b2e;color:#92400e}.status-badge--expired{background:#64748b26;color:#475569}.muted-cell{color:var(--tc-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a4473;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border-radius:14px;padding:1.5rem 1.75rem;width:100%;max-width:440px;box-shadow:0 20px 60px #0f2a4440;border-top:3px solid var(--tc-blue)}.modal h2{margin:0 0 .25rem;color:var(--tc-navy);font-size:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}button.ghost{padding:.6rem 1rem;background:#fff;border:1px solid var(--tc-border);border-radius:8px;color:var(--tc-navy);cursor:pointer;font-weight:500;font-size:.95rem;transition:border-color .15s,color .15s}button.ghost:hover:not(:disabled){border-color:var(--tc-navy)}button.ghost:disabled{opacity:.6;cursor:not-allowed}