:root{--red:#c91524;--red-dark:#930d18;--ink:#171417;--sidebar:#151315;--bg:#f5f2ef;--paper:#fff;--muted:#776f73;--line:#e8e1dc;--green:#287744;--shadow:0 14px 38px rgba(34,15,18,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.auth-body{background:linear-gradient(135deg,#181418 0 46%,#f7f3ef 46%)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:center;padding:6vw}.auth-visual{color:#fff}.auth-visual h1{font-size:clamp(3.4rem,6vw,6.8rem);letter-spacing:-.065em;line-height:.9}.auth-visual p{color:#cbc5c9}.auth-card{max-width:520px;background:#fff;padding:36px;border-radius:28px;box-shadow:0 30px 85px #0003}.auth-card.solo{grid-column:1/-1;justify-self:center}.logo-card,.brand,.user-chip{display:flex;align-items:center;gap:12px}.logo-card>span,.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),var(--red-dark));color:#fff;font-weight:950}.logo-card div,.brand div,.user-chip div{display:grid}.logo-card small,.brand small,.user-chip small{color:var(--muted);font-size:.72rem}.eyebrow{font-size:.74rem;letter-spacing:.18em;font-weight:950;color:var(--red)}label{display:block;font-weight:850;margin:15px 0}input,select,textarea{width:100%;padding:13px;border:1px solid #d8d0cb;border-radius:11px;background:#fff;margin-top:7px}textarea{min-height:115px}.btn{display:inline-flex;justify-content:center;padding:11px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;font-weight:900}.btn.primary{background:linear-gradient(145deg,var(--red),var(--red-dark));color:#fff}.btn.wide{width:100%}.btn.small{font-size:.76rem;padding:8px 11px}.text-link{display:block;text-align:center;margin-top:18px;color:var(--red);font-weight:900}.alert{padding:13px 15px;border-radius:11px;margin:15px 0}.alert.error{background:#fff0f1;color:#9b1822}.alert.success{background:#e9f7ee;color:var(--green)}.sidebar{position:fixed;inset:0 auto 0 0;width:282px;padding:24px 18px;background:#151315;color:#fff;display:flex;flex-direction:column}.brand{padding:4px 7px 25px}.sidebar nav{display:grid;gap:5px;overflow:auto}.nav-item{padding:12px 14px;border-radius:11px;color:#bcb5ba;font-weight:780}.nav-item:hover,.nav-item.active{background:#2b2529;color:#fff}.logout{margin-top:auto}.main{margin-left:282px}.topbar{min-height:94px;padding:20px 34px;background:#ffffffee;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:12}.topbar h1{margin:0}.topbar p{color:var(--muted)}.user-chip>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f4d7d9;color:var(--red);font-weight:950}.content{padding:32px}.welcome{padding:34px;border-radius:26px;background:linear-gradient(135deg,#1b171a,#4b151a);color:#fff;display:flex;justify-content:space-between}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.metric,.panel{background:#fff;border-radius:22px;box-shadow:var(--shadow)}.metric{padding:23px;display:grid;gap:8px}.metric strong{font-size:2.25rem}.metric small,.metric span{color:var(--muted)}.panel{padding:24px}.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line)}th{background:#fbfaf9;color:var(--muted);font-size:.72rem;text-transform:uppercase}.status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#efedeb;font-size:.73rem;font-weight:900}.form-panel{max-width:900px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-admin-grid{grid-template-columns:minmax(330px,.75fr) minmax(0,1.8fr)}.product-thumb{width:72px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}@media(max-width:1020px){.sidebar{position:static;width:auto}.sidebar nav{display:flex;overflow:auto}.main{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}.panel-grid,.product-admin-grid{grid-template-columns:1fr}}@media(max-width:720px){.auth-shell{display:block;padding:24px}.auth-visual{display:none}.content{padding:20px}.metrics{grid-template-columns:1fr}.welcome,.section-head{flex-direction:column}.grid.two{grid-template-columns:1fr}}
.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.media-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.media-card>img,.media-file{width:100%;height:180px;object-fit:cover;background:#f2eeeb;display:grid;place-items:center;font-size:2rem;font-weight:900;color:var(--red)}.media-card>div{padding:14px}.media-card small{display:block;color:var(--muted);margin:5px 0}.media-card form{margin-top:10px}details form{padding:14px;background:#faf8f6;border-radius:12px;margin-top:8px}fieldset{border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:16px}@media(max-width:1100px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.media-grid{grid-template-columns:1fr}}

.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.template-preview{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.notification-list{display:grid;gap:14px}.notification-card{display:flex;justify-content:space-between;gap:22px;background:#fff;padding:20px;border-radius:18px;box-shadow:var(--shadow);border-left:5px solid #d7d0cc}.notification-card.unread{border-left-color:var(--red)}.notification-card.priority-high{border-left-color:#c9891a}.notification-card.priority-critical{border-left-color:#b31c28}.notification-card.read{opacity:.72}.notification-bell{position:relative;margin-left:auto;margin-right:18px;padding:9px 12px;border-radius:10px;background:#f5efec;font-weight:850}.notification-bell span{position:absolute;right:-7px;top:-8px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.7rem}@media(max-width:800px){.template-grid{grid-template-columns:1fr}.notification-card{flex-direction:column}.notification-bell{margin-left:0}}