:root{--red:#9b1118;--red2:#e51d25;--ink:#08090c;--dark:#11131a;--panel:#ffffff;--muted:#6d717b;--line:#e7e7ea;--bg:#f4f4f2;--soft:#f8f7f5;--green:#00351f}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}button,.btn{border:0;border-radius:10px;background:linear-gradient(135deg,var(--red),var(--red2));color:#fff;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}button.outline,.outline{background:#fff;color:var(--red);border:1px solid var(--red)}input,select,textarea{width:100%;border:1px solid #d9d9df;border-radius:9px;padding:11px;background:#fff;font:inherit}textarea{min-height:90px;resize:vertical}label{font-weight:800;font-size:13px;display:grid;gap:7px}.eyebrow{text-transform:uppercase;letter-spacing:4px;font-weight:900;font-size:11px;color:var(--red)}.login-wrap{min-height:100vh;padding:42px;display:grid;grid-template-columns:minmax(0,1.55fr) 430px;gap:30px;align-items:center;background:radial-gradient(circle at top right,#fff 0,#f4f4f2 40%,#ecebe8)}.hero-card{position:relative;min-height:640px;border-radius:24px;overflow:hidden;background:#151720;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.18)}.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.5),rgba(20,20,25,.75)),linear-gradient(120deg,rgba(155,17,24,.72),rgba(0,0,0,.3) 45%,rgba(26,30,39,.95)),radial-gradient(circle at 15% 10%,rgba(229,29,37,.45),transparent 35%)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;opacity:.25}.hero-content{position:relative;padding:68px;max-width:760px}.hero-logo{width:280px;height:auto;margin-bottom:58px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.hero-content h1{font-size:72px;line-height:.95;margin:0 0 14px}.hero-content h2{font-size:22px;margin:0 0 18px}.hero-content p{font-size:17px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:34px 0}.feature-grid div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:15px}.feature-grid strong{display:block}.feature-grid span{font-size:12px;color:#e8e8e8}.tagline{font-weight:900;color:#fff}.auth-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.13)}.auth-logo{width:260px;max-width:100%;display:block;margin:0 auto 20px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#f0f0f0;border-radius:14px;padding:5px;margin-bottom:18px}.tab{background:transparent;color:#444;border-radius:10px}.tab.active{background:#fff;color:var(--red);box-shadow:0 4px 16px rgba(0,0,0,.06)}.auth-form{display:none}.auth-form.active{display:grid;gap:14px}.demo-box{margin-top:18px;background:#15161b;color:#fff;border-left:4px solid var(--red2);border-radius:12px;padding:14px;display:grid;gap:6px;font-size:12px}.demo-box span{color:#e8e8e8}.alert{border-radius:10px;padding:12px;margin:12px 0}.error{background:#fff1f1;color:#9b1118}.success{background:#eefbf1;color:#116829}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0b0d13;color:#fff;position:sticky;top:0;height:100vh;padding:22px;display:flex;flex-direction:column;gap:24px}.brand{display:grid;gap:10px}.brand img{width:190px;max-width:100%}.brand strong{display:block}.brand span{color:#aaa;font-size:12px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:12px;border-radius:10px;text-decoration:none;color:#d9d9df;font-weight:800;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:linear-gradient(135deg,var(--red),#222732);color:#fff}.side-user{margin-top:auto;background:#151821;border-radius:16px;padding:14px;display:grid;gap:6px}.side-user span{font-size:12px;color:#c7c7cc}.side-user a{color:#ffb4b8;text-decoration:none;font-size:13px}.content{padding:28px;overflow:hidden}.page-head{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:20px;padding:28px;margin-bottom:18px;border:1px solid var(--line)}.page-head h1{font-size:34px;margin:0}.page-head p{margin:5px 0;color:#555}.page-head img{width:220px;max-width:32%}.stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.stat span{display:block;color:#6b6b74;font-size:12px;font-weight:800}.stat strong{font-size:28px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}.panel h2{margin:0 0 14px}.module-list{display:grid;gap:10px}.module-list a{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:14px;text-decoration:none;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.table-wrap{overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0 8px}th{text-align:left;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px}td{background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:12px;vertical-align:top}td:first-child{border-left:1px solid #eee;border-radius:12px 0 0 12px}td:last-child{border-right:1px solid #eee;border-radius:0 12px 12px 0}td small{display:block;color:#707078;margin-top:4px}.badge{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.pending{background:#fff3cf;color:#8b5b00}.progress{background:#e7f0ff;color:#174a9c}.resolved{background:#eaf9ee;color:#137235}.closed{background:#e8e8e8;color:#222}.rejected{background:#ffe9e9;color:#9b1118}.neutral{background:#eee;color:#333}.file-link{display:block;margin-top:7px;color:var(--red);font-weight:800;font-size:12px}.reply{background:#fff;border-left:3px solid var(--red);padding:8px;margin-top:8px;border-radius:6px;font-size:12px}.mini-form{display:grid;gap:7px;min-width:190px;margin-bottom:8px}.mini-form textarea{min-height:55px}.mini-inline{display:flex;gap:8px;margin-top:10px}.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.task-col{background:#f4f4f4;border-radius:14px;padding:12px}.task-card{background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;border:1px solid #e5e5e5}.task-card p{color:#555}.actions{display:flex;gap:10px;flex-wrap:wrap}.hint{color:#666}.log-list{display:grid;gap:10px}.log{border:1px solid #eee;background:#fafafa;border-radius:14px;padding:13px}.log strong{display:block}.log span{color:#777;font-size:12px}.log.unread{border-left:5px solid var(--red)}.danger{border-color:#ffd8d8}.install-page{min-height:100vh;display:grid;place-items:center;background:#f4f4f2}.install-card{background:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.12)}.install-card img{width:320px;max-width:100%}@media(max-width:1000px){.login-wrap{grid-template-columns:1fr;padding:18px}.hero-card{min-height:auto}.hero-content{padding:38px}.hero-content h1{font-size:48px}.feature-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.content{padding:16px}.page-head{align-items:flex-start}.page-head img{width:160px}.stats-row{grid-template-columns:1fr 1fr}.grid.two,.form-grid,.task-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}@media(max-width:620px){.hero-content h1{font-size:38px}.feature-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr}.page-head{display:block}.page-head img{max-width:100%;margin-top:12px}}