:root{--blue:#0757b8;--blue2:#0b72e7;--navy:#07336f;--bg:#f4f8fd;--text:#102a56;--muted:#607397;--line:#dce7f5;--purple:#6948e8;--green:#16a76b;--red:#db3e3e;--shadow:0 8px 28px rgba(28,76,135,.09)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(180deg,#084d9e,#063d82);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:20}.brand{height:58px;display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;padding:0 8px 15px}.brand img{width:38px;height:38px;border-radius:10px;object-fit:cover}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:10px;color:#eaf4ff}.sidebar nav a.active{background:#0b78ef;color:white}.sidebar nav a b{margin-left:auto;background:#f04444;border-radius:99px;padding:2px 7px;font-size:12px}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.2);padding-top:12px;display:grid;gap:5px}.main{margin-left:240px}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:10}.search{max-width:600px;flex:1;margin:auto;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;padding:0 14px;height:43px;color:var(--blue)}.search input{border:0;outline:0;background:transparent;flex:1;color:var(--text)}.profile{display:flex;align-items:center;gap:9px}.profile small{display:block;color:var(--muted)}.avatar,.mini-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:var(--blue);font-weight:800}.bell{position:relative;margin-right:8px}.bell b{position:absolute;top:-10px;right:-10px;font-size:10px;color:#fff;background:var(--red);padding:2px 5px;border-radius:99px}.logout{font-size:20px;margin-left:5px;color:var(--muted)}.content{padding:28px;max-width:1500px;margin:auto}.hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.hero h1{margin:0;font-size:29px}.hero p{margin:4px 0 0;color:var(--muted)}.hero time{color:var(--muted)}.grid{display:grid;gap:20px}.top-grid{grid-template-columns:1fr 1fr 1fr}.lower-grid{grid-template-columns:.9fr 1.2fr 1fr;margin-top:20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.card-title{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title h2{font-size:15px;text-transform:uppercase;margin:0;letter-spacing:.02em}.card-title a{font-size:13px;color:var(--blue2)}.timeline{padding:8px 20px}.timeline>div{display:grid;grid-template-columns:58px 18px 1fr;align-items:center;min-height:70px}.timeline time{font-weight:700}.timeline span{width:8px;height:8px;border-radius:50%;background:var(--blue2);position:relative}.timeline span:after{content:"";position:absolute;top:9px;left:3px;height:57px;width:2px;background:#cfe2ff}.timeline>div:last-child span:after{display:none}.timeline p{margin:0}.timeline small,.quick-actions small,.process-list small,.task-list small{display:block;color:var(--muted);margin-top:3px}.integration-note{margin:0 20px 18px;background:#eef6ff;padding:10px;border-radius:9px;color:#4471a6;font-size:12px}.quick-actions{display:grid;gap:9px;padding:16px}.quick-actions button{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:13px;text-align:left;display:grid;grid-template-columns:40px 1fr 12px;align-items:center;color:var(--text);cursor:pointer}.quick-actions button:hover{border-color:#9bc8ff;background:#f8fbff}.quick-actions button>span{font-size:24px}.quick-actions button.disabled{opacity:.55;cursor:not-allowed}.process-list{padding:4px 18px}.process-list a{display:grid;grid-template-columns:30px 1fr 8px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.process-list a:last-child{border-bottom:0}.process-list i{width:7px;height:7px;border-radius:50%;background:var(--blue2)}.tabs,.pill{font-size:12px;color:var(--muted)}.task-list{padding:8px 20px}.task-list label{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.task-list label:last-child{border-bottom:0}.empty{padding:35px 20px;text-align:center;color:var(--muted)}.feed{padding:7px 18px}.feed article{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.feed article:last-child{border-bottom:0}.feed p{margin:3px 0 0;color:var(--muted);font-size:13px}.feed time{font-size:12px;color:var(--muted)}.ai-card{background:linear-gradient(145deg,#fff,#f6f2ff)}.ai-card .card-title h2{color:var(--purple)}.ai-card>p,.ai-card>small,.ai-actions{margin-left:20px;margin-right:20px}.ai-card>p{font-size:16px;line-height:1.5}.ai-card>small{display:block;color:var(--muted);margin-bottom:18px}.ai-actions{display:flex;gap:8px;margin-bottom:12px}.btn{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 15px;cursor:pointer;color:var(--text)}.btn.primary{background:linear-gradient(135deg,#0a6de0,#0757b8);color:#fff;border-color:transparent}.btn.danger-ghost{color:var(--red)}.btn.wide{width:100%;margin-top:8px}.toast,.alert{padding:12px 15px;border-radius:10px;margin-bottom:18px}.success{background:#e9f9f1;color:#107347}.danger{background:#fff0f0;color:#a62929}.toast{position:fixed;right:25px;top:85px;z-index:80;box-shadow:var(--shadow);transition:.3s}.toast.hide{opacity:0;transform:translateY(-10px);pointer-events:none}.modal{position:fixed;inset:0;background:rgba(4,24,53,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:100}.modal.open{display:flex}.modal-card{width:min(500px,100%);background:#fff;border-radius:16px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25);position:relative}.modal-card h2{margin-top:0}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:28px;color:var(--muted);cursor:pointer}.modal-card form{display:grid;gap:14px}.modal-card label,.login-card label,.setup-card label{display:grid;gap:7px;font-weight:600;font-size:14px}.modal-card input,.modal-card textarea,.login-card input,.setup-card input{border:1px solid #cddcee;border-radius:9px;padding:11px 12px;outline:0;background:#fff}.modal-card input:focus,.modal-card textarea:focus,.login-card input:focus,.setup-card input:focus{border-color:#62a8f4;box-shadow:0 0 0 3px #e4f1ff}.bottom-nav{display:none}.mobile-menu{display:none}.login-body,.setup-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e5f2ff,var(--bg) 55%)}.login-card,.setup-card{width:min(440px,100%);background:white;padding:32px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.login-logo,.setup-logo{display:block;width:82px;height:82px;object-fit:cover;border-radius:18px;margin:0 auto 18px}.login-card h1,.setup-card h1{text-align:center;margin-bottom:5px}.login-card>p,.setup-card>p{text-align:center;color:var(--muted)}.login-card form{display:grid;gap:15px;margin:24px 0}.login-card small{display:block;text-align:center;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.span-2{grid-column:span 2}.form-grid hr{width:100%;border:0;border-top:1px solid var(--line)}
@media(max-width:1100px){.top-grid{grid-template-columns:1fr 1fr}.top-grid .card:last-child{grid-column:span 2}.lower-grid{grid-template-columns:1fr 1fr}.lower-grid .ai-card{grid-column:span 2}.profile>div:not(.avatar){display:none}}
@media(max-width:760px){body{padding-bottom:72px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.topbar{height:64px;padding:0 14px}.mobile-menu{display:block;border:0;background:transparent;font-size:23px;color:var(--navy)}.search{height:40px}.search input{min-width:0}.profile .bell,.profile .logout,.profile>div:not(.avatar){display:none}.content{padding:18px 14px}.hero{align-items:center}.hero h1{font-size:24px}.hero time{display:none}.top-grid,.lower-grid{grid-template-columns:1fr}.top-grid .card:last-child,.lower-grid .ai-card{grid-column:auto}.top-grid{display:flex;flex-direction:column}.top-grid .card:nth-child(2){order:-1}.quick-actions{grid-template-columns:1fr 1fr}.quick-actions button{grid-template-columns:36px 1fr;padding:13px 10px}.quick-actions button> :last-child{display:none}.quick-actions small{font-size:11px}.lower-grid{margin-top:16px}.bottom-nav{display:grid;grid-template-columns:1fr 1fr 64px 1fr 1fr;position:fixed;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--line);z-index:30;align-items:center}.bottom-nav a{display:grid;place-items:center;font-size:19px;color:var(--muted)}.bottom-nav a span{font-size:10px;margin-top:2px}.bottom-nav a.active{color:var(--blue2)}.bottom-nav button{width:54px;height:54px;border-radius:50%;border:0;background:var(--blue2);color:#fff;font-size:33px;justify-self:center;box-shadow:0 7px 18px rgba(11,114,231,.35)}.ai-actions{display:grid;grid-template-columns:1fr 1fr}.ai-actions .danger-ghost{grid-column:span 2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
.page-card{min-height:320px}.module-grid{grid-template-columns:repeat(3,1fr)}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.sidebar-bottom a.active{background:#0b78ef;color:#fff}
@media(max-width:1000px){.module-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.module-grid{grid-template-columns:1fr}.hero{gap:12px;flex-wrap:wrap}.hero-actions{width:100%}.hero-actions .btn{flex:1}}