:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#111;background:#f6f7f9}body{margin:0}.container{min-height:100vh;display:flex;flex-direction:column;max-width:980px;margin:0 auto;padding:24px 16px;box-sizing:border-box}.auth-container{position:relative;max-width:none;margin:0;padding:24px 16px;background-image:linear-gradient(#0a121c9e,#0a121c9e),url(/assets/header-1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}.header-content{display:flex;align-items:center;gap:16px}.auth-header,.auth-header-content{justify-content:center}.auth-title-wrap{text-align:center}.auth-container .muted,.auth-container a{color:#edf2f7}.auth-container .card{border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 24px #0003;background:#fffffff2;color:#111}.auth-container .card .muted,.auth-container .card a{color:#374151}.logo{width:60px;height:60px;border-radius:8px;object-fit:contain;flex-shrink:0}h1{margin:0 0 6px;font-size:22px}.muted{color:#5b616e}.nav{display:flex;gap:12px;padding-top:6px}.header-right{display:flex;align-items:center;gap:12px}.app-header{position:relative}.app-header-left{display:flex;align-items:center;gap:10px}.app-header-title{margin:0 auto}.app-nav{padding-top:0}.nav-header{margin-bottom:12px;background:#fff;border:1px solid #e5e7ee;border-radius:12px;padding:10px}.app-nav-buttons{padding-top:0;flex-wrap:wrap;gap:8px}.app-nav-buttons a{border-color:#d4d7de;background:#fff;font-size:13px}.app-nav-buttons a.active{border-color:#2a2f3a;background:#2a2f3a;color:#2a2f3a}.menu-button{display:none;background:#fff;color:#2a2f3a;padding:8px;width:36px;height:36px;align-items:center;justify-content:center}.nav a{text-decoration:none;color:#2a2f3a;padding:6px 10px;border-radius:10px;border:1px solid transparent}.nav a:hover{border-color:#d4d7de;background:#fff}.nav a.active{border-color:#c8ceda;background:#fff}@media (max-width: 900px){.menu-button{display:inline-flex}.app-nav{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:20;flex-direction:column;gap:6px;background:#fff;border:1px solid #e5e7ee;border-radius:12px;padding:10px;box-shadow:0 8px 18px #00000014}.app-nav.open{display:flex}.app-header-title{margin-left:8px;margin-right:auto}}.card{background:#fff;border:1px solid #e5e7ee;border-radius:14px;padding:18px;box-shadow:0 1px 2px #0000000a}.footer{margin-top:auto;padding-top:12px;font-size:12px}.login-shell{max-width:460px}.auth-main{flex:1;display:flex;align-items:center;justify-content:center}.login-wrap h2{margin:0 0 6px;font-size:20px}.login-subtext{margin:0 0 14px}.login-form{display:flex;flex-direction:column;gap:10px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:8pt}@media (max-width: 720px){.row{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}label{font-size:13px;color:#2a2f3a}input,select{padding:10px 12px;border:1px solid #cfd5e1;border-radius:12px;font-size:14px;outline:none}input:focus,select:focus{border-color:#8aa1ff;box-shadow:0 0 0 3px #8aa1ff33}.actions{margin-top:14px;display:flex;align-items:center;gap:10px}button{padding:10px 14px;border:1px solid #cfd5e1;background:#111;color:#fff;border-radius:12px;cursor:pointer;font-size:14px}button:disabled{opacity:.6;cursor:not-allowed}button.danger{background:#b42318;border-color:#b42318}.delete-button{background:transparent;border:none;color:#b42318;padding:4px;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center}.delete-button:hover:not(:disabled){color:#8a1a10}.edit-button{background:transparent;border:none;color:#2a2f3a;padding:4px;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center}.edit-button:hover:not(:disabled){color:#111}.logout-button{background:#fff;color:#2a2f3a;padding:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.logout-icon{width:20px;height:20px;fill:currentColor}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid #e5e7ee;background:#fafbfc}.profile-panel{background:#fff;border:1px solid #e5e7ee;border-radius:12px;padding:14px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-item{background:#fafbfc;border:1px solid #e5e7ee;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.profile-label{font-size:12px;color:#5b616e;text-transform:uppercase;letter-spacing:.04em}.profile-value{font-size:14px;color:#111;font-weight:500}@media (max-width: 720px){.profile-grid{grid-template-columns:1fr}}.note{font-size:13px;margin-top:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid #eef0f5;font-size:14px}.table th{font-size:12px;color:#5b616e;text-transform:uppercase;letter-spacing:.04em}@media (max-width: 720px){.table{font-size:12px}.table th,.table td{padding:6px;font-size:12px}}.error{color:#b42318}.success{color:#067647}.small{font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border:1px solid #e5e7ee;border-radius:14px;box-shadow:0 8px 32px #0000001f;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #e5e7ee}.modal-header h2{margin:0;font-size:20px}.modal-close{background:transparent;border:none;color:#2a2f3a;padding:4px;width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.modal-close:hover{color:#111}.modal-body{padding:18px;overflow-y:auto;flex:1}.modal-footer{display:flex;gap:10px;padding:18px;border-top:1px solid #e5e7ee;justify-content:flex-end}.modal-footer button{padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;border:1px solid #cfd5e1;background:#fff;color:#2a2f3a}.modal-footer button:last-child{background:#111;color:#fff;border-color:#111}.modal-footer button:hover{opacity:.9}