:root{color:#172234;font-synthesis:none;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,.button{color:#fff;cursor:pointer;background:#0798df;border:0;border-radius:10px;justify-content:center;align-items:center;padding:10px 15px;font-weight:700;text-decoration:none;display:inline-flex}.secondary{color:#344154;background:#eef3f8}.danger{background:#ef4444}.link{color:#068dd1;background:0 0;padding:5px}.danger-text{color:#dc3545}.app-shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce7f5;z-index:20;background:#121b2b;flex-direction:column;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 22px;display:flex}.brand-mark{background:#0798df;border-radius:12px;place-items:center;width:42px;height:42px;font-size:24px;font-weight:800;display:grid}.brand span,.topbar span,.sidebar-footer span{color:#91a2ba;font-size:12px;display:block}.role-chip{background:#1c2a3e;border-radius:10px;gap:8px;margin:0 6px 16px;padding:10px;display:flex}.sidebar nav{gap:4px;display:grid;overflow:auto}.sidebar nav button,.sidebar-footer button{color:#b9c7d9;background:0 0;justify-content:flex-start;gap:12px;padding:12px}.sidebar nav button.active{color:#fff;background:#0798df}.sidebar-footer{border-top:1px solid #2a3749;margin-top:auto;padding-top:12px}.mobile-close,.mobile-menu,.sidebar-scrim{display:none}.app-main{min-width:0}.topbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title span,.user-menu span{color:#7e8b9c}.user-menu{align-items:center;gap:10px;display:flex}.avatar{color:#058dd0;background:#dff3fd;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.content{max-width:1600px;margin:auto;padding:32px}.page-header{justify-content:space-between;align-items:start;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:28px}.page-header p{color:#6d7b8d;margin:6px 0}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.toolbar select,.toolbar input,.field input,.field select,.field textarea,.inline-form input{color:#253247;background:#fff;border:1px solid #d5dde7;border-radius:10px;padding:11px}.search-input{background:#fff;border:1px solid #d5dde7;border-radius:10px;align-items:center;gap:8px;min-width:300px;padding:0 12px;display:flex}.search-input input{border:0;outline:0;width:100%;padding:11px 0}.table-wrap{background:#fff;border:1px solid #e0e6ee;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f5;padding:14px}th{text-transform:uppercase;color:#7b899b;background:#f9fbfd;font-size:12px}td small,td strong{display:block}td small{color:#7f8b9b;margin-top:4px}.row-actions{white-space:nowrap;gap:5px;display:flex}.badge{border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.badge.green{color:#16803a;background:#dcfce7}.badge.red{color:#b42318;background:#fee2e2}.badge.amber{color:#a35a00;background:#fef3c7}.badge.blue{color:#0679b5;background:#dff4ff}.badge.gray{color:#596679;background:#edf1f5}.state-view{color:#657386;justify-content:center;align-items:center;gap:10px;min-height:220px;display:flex}.state-view.error{color:#b42318}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.site-grid,.media-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.site-card,.media-card{background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:18px}.site-card h3,.media-card h3{margin:12px 0 5px}.card-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.media-preview{background:#edf3f8;border-radius:10px;place-items:center;height:180px;display:grid;overflow:hidden}.media-preview img{object-fit:contain;width:100%;height:100%}.modal-backdrop{z-index:50;background:#0d1725aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:hidden;box-shadow:0 24px 80px #0004}.modal.wide{width:min(1100px,100%)}.modal>header{border-bottom:1px solid #e6ebf1;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal h2{margin:0}.icon-button{color:#596679;background:0 0;padding:5px}.modal-body{max-height:calc(90vh - 72px);padding:22px;overflow:auto}.field{gap:7px;margin-bottom:14px;font-weight:650;display:grid}.field textarea{resize:vertical}.form-grid,.month-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.month-grid{grid-template-columns:repeat(4,1fr)}.modal-actions,.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.toast{color:#fff;z-index:80;background:#173025;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0003}.toast p{margin:0}.toast button{background:0 0;padding:2px}.tabs{border-bottom:1px solid #e4e9ef;gap:5px;margin-bottom:18px;display:flex;overflow:auto}.tabs button{color:#627084;white-space:nowrap;background:0 0;border-radius:8px 8px 0 0}.tabs button.active{color:#078fce;border-bottom:3px solid #0798df}.thread-list{gap:10px;display:grid}.thread-card{text-align:left;color:#263247;background:#fff;border:1px solid #e0e6ee;grid-template-columns:44px 1fr auto;gap:12px;width:100%;display:grid}.thread-card p,.thread-card small{color:#718095;margin:4px 0;display:block}.conversation{gap:10px;display:grid}.bubble{background:#eef3f7;border-radius:14px;max-width:75%;padding:12px}.bubble.admin{background:#daf1fc;margin-left:auto}.bubble p{margin:5px 0}.bubble img{max-width:300px}.inline-form{gap:10px;display:flex}.inline-form input{flex:1}.chip-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{background:#eaf1f6;border-radius:99px;padding:7px 8px 7px 12px}.chip button{color:#6d7783;background:0 0;padding:0 4px}.check-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.check-grid label{border:1px solid #dfe5ec;border-radius:8px;padding:10px}.login-page{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-visual{color:#fff;background:linear-gradient(145deg,#016ba7,#0aa4e7);flex-direction:column;justify-content:center;padding:8vw;display:flex}.login-card{width:min(420px,90%);margin:auto}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{width:270px;transition:all .2s;position:fixed;left:-280px}.sidebar.mobile-open{left:0}.mobile-menu,.mobile-close{display:inline-flex}.mobile-close{background:0 0;margin-left:auto;padding:2px}.sidebar-scrim{z-index:15;background:#0007;display:block;position:fixed;inset:0}.topbar{padding:0 18px}.content{padding:20px}.user-menu>div:last-child{display:none}.login-page{grid-template-columns:1fr}.login-visual{display:none}.month-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.content{padding:16px}.page-header{display:block}.page-actions{margin-top:15px}.search-input{min-width:100%}.form-grid,.check-grid{grid-template-columns:1fr}.thread-card{grid-template-columns:40px 1fr}.thread-card time{display:none}.modal-backdrop{padding:0}.modal{border-radius:0;height:100%;max-height:100vh}.modal-body{max-height:calc(100vh - 72px)}}.login-visual{gap:55px}.login-brand{align-items:center;gap:12px;font-size:22px;display:flex}.brand-mark.large{width:52px;height:52px}.login-message{max-width:680px}.login-message h1{margin:24px 0 18px;font-size:46px;line-height:1.1}.login-message p{color:#e5f5fc;font-size:18px;line-height:1.6}.eyebrow{letter-spacing:.08em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.login-stat{align-items:center;gap:12px;display:flex}.login-stat>svg{background:#ffffff20;border-radius:12px;width:46px;height:46px;padding:10px}.login-stat span{color:#d8f2fd;margin-top:3px;font-size:13px;display:block}.login-form-wrap{background:#f7f9fc;place-items:center;padding:30px;display:grid}.login-card{background:#fff;border:1px solid #e1e7ef;border-radius:18px;width:min(430px,100%);padding:38px;box-shadow:0 18px 55px #1a315012}.login-card h2{margin:15px 0 8px;font-size:30px}.login-card>p{color:#6d7b8d;margin:0 0 28px}.login-card>label{gap:7px;margin-bottom:18px;font-weight:650;display:grid}.input-with-icon{border:1px solid #d5dde7;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.input-with-icon svg{color:#718095;width:19px}.input-with-icon input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-weight:400}.input-with-icon button{color:#0798df;background:0 0;padding:5px}.login-button{gap:8px;width:100%;height:50px}.login-card>small{text-align:center;color:#8995a5;margin-top:20px;display:block}.mobile-login-brand{display:none}.form-error{color:#a92323;background:#fee8e8;border-radius:9px;margin-bottom:16px;padding:11px}.profile-list{gap:8px;display:grid}.profile-list>button{color:#263247;background:#f2f6f9;justify-content:flex-start}.profile-list>button svg{margin-left:auto}.metric-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e0e6ee;border-radius:14px;padding:20px}.metric-card{align-items:center;gap:14px;display:flex}.metric-icon{color:#078ecf;background:#e0f3fd;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.metric-card strong{font-size:26px;display:block}.metric-card span{color:#778598}.dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;display:grid}.panel h2{margin:0}.panel-heading p{color:#7b899b;margin:5px 0 18px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-card{color:#263247;text-align:left;background:#f7f9fc;border:1px solid #e5eaf0;justify-content:flex-start;gap:12px}.quick-card>span{flex:1}.quick-card small{color:#7a8797;margin-top:3px;font-weight:400;display:block}.system-row{border-bottom:1px solid #edf1f5;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:15px 0;display:grid}.system-row span{color:#7a8797;font-size:12px;display:block}.system-row>b{color:#148644;font-size:12px}.status-dot{background:#22c55e;border-radius:50%;width:9px;height:9px}@media (width<=900px){.mobile-login-brand{align-items:center;gap:9px;margin-bottom:24px;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}.app-shell{transition:grid-template-columns .2s}.app-shell.collapsed{grid-template-columns:88px 1fr}.app-shell.collapsed .sidebar{padding-inline:10px}.app-shell.collapsed .brand{justify-content:center;padding-inline:0}.app-shell.collapsed .brand>div:nth-child(2),.app-shell.collapsed .role-chip span,.app-shell.collapsed .sidebar nav button span,.app-shell.collapsed .sidebar-footer button span{display:none}.app-shell.collapsed .role-chip,.app-shell.collapsed .sidebar nav button,.app-shell.collapsed .sidebar-footer button{justify-content:center}.app-shell.collapsed .role-chip{margin-inline:4px}.app-shell.collapsed .sidebar nav button,.app-shell.collapsed .sidebar-footer button{padding-inline:8px}.app-shell.collapsed .collapse-button svg{transform:rotate(0)}@media (width<=900px){.app-shell.collapsed{grid-template-columns:1fr}.app-shell.collapsed .sidebar{width:270px;padding:22px 14px}.app-shell.collapsed .brand{justify-content:flex-start;padding:0 8px 22px}.app-shell.collapsed .brand>div:nth-child(2),.app-shell.collapsed .role-chip span,.app-shell.collapsed .sidebar nav button span,.app-shell.collapsed .sidebar-footer button span{display:block}.app-shell.collapsed .role-chip,.app-shell.collapsed .sidebar nav button,.app-shell.collapsed .sidebar-footer button{justify-content:flex-start}}