:root{color:#172554;background:#f8fbff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#dbeafe,#f8fbff 35%,#eff6ff 100%);margin:0}label{color:#1e3a8a;margin-bottom:6px;font-size:14px;font-weight:600;display:block}input,textarea{color:#0f172a;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}input:focus,textarea:focus{border-color:#2563eb;outline:2px solid #2563eb}button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px;font-weight:700}.login-page{background:#f0f4ff;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:100vh;display:grid}.login-brand{color:#f8fafc;background:linear-gradient(145deg,#0f172a 0%,#1e3a8a 42%,#1d4ed8 100%);justify-content:center;align-items:center;padding:clamp(32px,6vw,64px);display:flex;position:relative;overflow:hidden}.login-brand:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#60a5fa59 0%,#0000 45%),radial-gradient(circle at 85% 15%,#93c5fd40 0%,#0000 40%);position:absolute;inset:0}.login-brand:after{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-brand-inner{z-index:1;text-align:center;max-width:400px;position:relative}.login-brand-glow{filter:blur(40px);pointer-events:none;z-index:0;background:radial-gradient(circle,#93c5fd73 0%,#0000 70%);width:280px;height:280px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.login-logo-slot{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:24px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 28px;padding:14px;display:flex;position:relative;box-shadow:0 24px 48px #0003,inset 0 1px #ffffff26}.login-logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.login-logo-fallback{color:#bfdbfe;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-logo-fallback-icon{width:48px;height:48px}.login-logo-skeleton{background:linear-gradient(90deg,#ffffff14 25%,#ffffff2e 50%,#ffffff14 75%) 0 0/200% 100%;border-radius:16px;width:72px;height:72px;animation:1.2s ease-in-out infinite login-shimmer}.login-text-skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:8px;margin-left:auto;margin-right:auto;animation:1.2s ease-in-out infinite login-shimmer}.login-skel-title{width:72%;height:28px;margin-bottom:16px}.login-skel-line{width:88%;height:14px;margin-bottom:10px}.login-skel-line.short{width:60%}@keyframes login-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.login-brand-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#93c5fd;margin:0 0 8px;font-size:12px;font-weight:700}.login-brand-title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.2}.login-brand-tagline{color:#cbd5e1;margin:0;font-size:15px;line-height:1.65}.login-form-region{background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,48px);display:flex}.login-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:420px;padding:clamp(28px,4vw,40px);box-shadow:0 4px 6px -1px #0f172a0f,0 24px 48px -12px #1e40af1f}.login-form-header{text-align:center;margin-bottom:28px}.login-form-icon-wrap{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;display:flex}.login-form-icon{width:24px;height:24px}.login-form-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 8px;font-size:1.5rem;font-weight:800}.login-form-sub{color:#64748b;margin:0;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:#334155;margin:0;font-size:13px;font-weight:700}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;width:18px;height:18px;position:absolute;left:14px}.login-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:12px 14px 12px 44px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.login-input:hover{border-color:#cbd5e1}.login-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.login-submit{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 50%,#1e40af 100%);border-radius:12px;width:100%;margin-top:4px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 4px 14px #2563eb59}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #2563eb66}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.75;cursor:not-allowed}.login-footer-note{color:#94a3b8;text-align:center;margin:24px 0 0;font-size:12px}@media (width<=900px){.login-page{grid-template-rows:auto 1fr;grid-template-columns:1fr}.login-brand{min-height:auto;padding:36px 24px 40px}.login-brand-glow{top:35%}.login-logo-slot{width:96px;height:96px;margin-bottom:20px}.login-brand-tagline{max-width:28rem;margin-left:auto;margin-right:auto}.login-form-region{flex:1;padding-top:8px}}@media (width<=640px){.login-form-card{border-radius:16px;padding:22px 18px;box-shadow:0 12px 32px #0f172a14}}.dash-wrap{max-width:1100px;margin:0 auto;padding:24px}.dash-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.dash-header h1{margin:0;font-size:28px}.dash-header p{color:#475569;margin:4px 0 0}.logout-btn{color:#fff;background:#0f172a}.dash-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:20px;box-shadow:0 16px 40px #2563eb14}.dash-card h2{margin-top:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid .full{grid-column:1/-1}.save-btn{color:#fff;background:linear-gradient(90deg,#1d4ed8,#1e3a8a);margin-top:16px}.loading{color:#334155;place-items:center;min-height:100vh;font-weight:600;display:grid}.error-box,.success-box{border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.error-box{color:#991b1b;background:#fee2e2}.success-box{color:#166534;background:#dcfce7}@media (width<=760px){.grid{grid-template-columns:1fr}}.admin-layout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.mobile-overlay{display:none}.sidebar{color:#fff;background:linear-gradient(#0f172a,#1e3a8a);padding:18px 14px;box-shadow:8px 0 28px #0f172a33}.brand{align-items:center;gap:8px;margin-bottom:18px;font-size:18px;font-weight:800;display:flex}.brand-icon{width:18px;height:18px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar a{color:#bfdbfe;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar a.active,.sidebar a:hover{color:#fff;background:#ffffff29;border-color:#ffffff40;transform:translate(3px)}.menu-icon{width:16px;height:16px}.main-area{flex-direction:column;display:flex}.top-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #dbeafe;justify-content:space-between;align-items:center;height:66px;padding:0 22px;display:flex}.top-left{align-items:center;gap:10px;display:flex}.mobile-nav-toggle{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;padding:8px;display:none}.welcome{color:#1e3a8a;font-weight:700}.top-actions{align-items:center;gap:10px;display:flex}.notif-btn,.profile-btn{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex;position:relative}.action-icon,.profile-icon{width:18px;height:18px}.notif-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.profile-menu-wrap{position:relative}.notif-menu{z-index:60;background:#fff;border:1px solid #dbeafe;border-radius:12px;width:360px;max-height:420px;position:absolute;top:56px;right:260px;overflow:auto;box-shadow:0 18px 30px #0f172a29}.notif-menu-head{background:#f8fbff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:sticky;top:0}.notif-menu-head small{color:#64748b}.notif-empty{text-align:center;color:#64748b;padding:16px 12px}.notif-list{gap:8px;padding:8px;display:grid}.notif-item{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;padding:8px 10px}.notif-type{color:#1d4ed8;background:#dbeafe;border-radius:999px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.notif-title{color:#0f172a;font-weight:700}.notif-sub{color:#475569;font-size:12px}.notif-time{color:#64748b;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:inline-flex}.notif-time-icon{width:12px;height:12px}.profile-menu{z-index:60;background:#fff;border:1px solid #dbeafe;border-radius:12px;width:220px;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 18px 30px #0f172a29}.profile-menu-head{border-bottom:1px solid #e2e8f0;margin-bottom:6px;padding:8px}.profile-menu-head small{color:#64748b;margin-top:3px;display:block}.profile-menu a,.profile-menu button{text-align:left;color:#0f172a;background:0 0;border:0;border-radius:8px;width:100%;padding:8px;font-weight:600;text-decoration:none;display:block}.profile-menu a:hover,.profile-menu button:hover{background:#eff6ff}.content-area{padding:22px}.panel-card{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:18px;transition:box-shadow .2s,transform .2s;box-shadow:0 12px 30px #2563eb14}.panel-card:hover{box-shadow:0 20px 36px #2563eb1f}.panel-card h2{color:#0f172a;margin-top:0;margin-bottom:14px}.dashboard-hero{background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1px solid #bfdbfe;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding:14px;display:flex}.dashboard-hero p{color:#475569;margin:0}.hero-badge{color:#fff;background:linear-gradient(90deg,#1d4ed8,#312e81);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.top-add-btn{white-space:nowrap;margin-top:0}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{background:linear-gradient(#fff,#eff6ff);border:1px solid #dbeafe;border-radius:12px;padding:14px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1e40af1f}.stat-icon-wrap{background:#dbeafe;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon{color:#1e3a8a;width:18px;height:18px}.stat-title{color:#475569;margin-top:6px;font-size:13px}.stat-value{color:#1e3a8a;margin-top:4px;font-size:28px;font-weight:800}.inline-form{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.inline-form button{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8)}.table-wrap{overflow:auto}.table-toolbar{margin-bottom:10px}.table-search{width:min(100%,320px)}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;word-break:break-word;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:14px}th{color:#1e3a8a;background:#f8fafc;font-weight:700}.no-record{text-align:center;color:#64748b;padding:18px 8px}.tiny-btn{color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);margin-right:6px;padding:6px 10px;font-size:12px}.tiny-btn.danger{background:#dc2626}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-thumb{object-fit:cover;border:1px solid #cbd5e1;border-radius:8px;width:84px;height:48px}.modal-thumb{object-fit:cover;border:1px solid #bfdbfe;border-radius:10px;width:140px;height:82px;margin-bottom:8px;display:block}.settings-thumb{object-fit:contain;background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;width:140px;height:74px;margin-bottom:8px;padding:4px;display:block}.settings-favicon-thumb{object-fit:contain;background:#f8fbff;border:1px solid #bfdbfe;border-radius:10px;width:44px;height:44px;margin-bottom:8px;padding:4px;display:block}select{border:1px solid #cbd5e1;border-radius:8px;padding:6px 8px}.modal-overlay{z-index:1000;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;width:100%;max-width:760px;max-height:88vh;padding:16px;overflow:auto;box-shadow:0 24px 40px #0f172a33}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal-header h3{color:#1e3a8a;margin:0}.modal-form{gap:12px;display:grid}@media (width<=1024px){.admin-layout{grid-template-columns:1fr}.sidebar{z-index:110;border-right:1px solid #ffffff26;width:260px;height:100vh;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-overlay{z-index:100;background:#0f172a73;display:block;position:fixed;inset:0}.sidebar nav{white-space:normal;flex-direction:column;max-height:calc(100vh - 90px);overflow:auto}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero{flex-direction:column}.notif-menu{width:min(360px,100vw - 24px);top:50px;right:0}.profile-menu{width:min(240px,100vw - 24px);top:50px;right:0}.top-header{z-index:90;gap:8px;padding:0 12px;position:sticky;top:0}.mobile-nav-toggle{justify-content:center;align-items:center;display:inline-flex}.welcome{font-size:14px}.top-actions{gap:6px}.content-area{padding:14px}.panel-head{flex-direction:column;align-items:stretch}.top-add-btn{width:100%}.table-wrap table{min-width:700px}}@media (width>=1200px){.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}.panel-card{padding:14px}.notif-btn,.profile-btn{padding:7px 8px}.profile-btn span{display:none}.modal-card{max-height:92vh;padding:12px}.table-wrap table{min-width:100%}.table-wrap thead{display:none}.table-wrap tbody{gap:10px;display:grid}.table-wrap tr{background:#f8fbff;border:1px solid #dbeafe;border-radius:12px;padding:8px;display:block}.table-wrap td{border-bottom:1px dashed #dbeafe;grid-template-columns:110px 1fr;gap:8px;padding:8px 6px;font-size:13px;display:grid}.table-wrap td:last-child{border-bottom:0}.table-wrap td:before{content:attr(data-label);color:#1e3a8a;font-weight:700}.row-actions{justify-content:flex-start}.row-actions .tiny-btn{margin-right:0}.no-record{text-align:center;border:0;display:block}}