:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172445;background:#f4f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#111c38;color:#cbd5ee;padding:28px 16px 22px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:21px;font-weight:760;letter-spacing:-1px;padding:0 10px 40px}.brand>span:last-child>span{color:#77d4bf}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#43bda2;color:#10213a;border-radius:9px;font-size:18px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#b7c4df;text-align:left;padding:12px 13px;border-radius:8px;display:flex;gap:12px;align-items:center;font-size:14px}.nav-item:hover,.nav-item.active{color:#fff;background:#233354}.nav-item.active{box-shadow:inset 3px 0 #62d0b8}.sidebar-footer{margin-top:auto;font-size:13px;padding:14px 10px;border-top:1px solid #2a3857;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.sidebar-footer small{grid-column:2;color:#8090b0;margin-top:4px}.online-dot{width:8px;height:8px;background:#56ca9d;border-radius:50%}.content{max-width:1400px;width:100%;margin:0 auto;padding:38px 48px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3,p{margin:0}h1{font-size:clamp(25px,3vw,34px);letter-spacing:-1.15px;color:#172445}h2{font-size:24px;letter-spacing:-.7px;color:#fff;margin:6px 0 8px}h3{font-size:18px;letter-spacing:-.4px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.25px;color:#6b7892}.profile{display:flex;align-items:center;gap:9px;color:#43516b;font-size:14px;font-weight:600}.avatar{display:grid;place-items:center;width:31px;height:31px;background:#dbe8ff;color:#2651a3;border-radius:50%;font-weight:800}.demo-banner{border:1px solid #e6cc80;background:#fff9e8;color:#7b5e16;border-radius:9px;padding:11px 14px;margin:-8px 0 20px;font-size:13px}.hero-card{display:flex;justify-content:space-between;gap:24px;background:linear-gradient(115deg,#17284e,#233d70);border-radius:16px;padding:30px 32px;color:#dce7fe;box-shadow:0 14px 30px #17284e1a}.hero-card .eyebrow{color:#86a9dc}.hero-card p:not(.eyebrow){color:#c5d3ee;font-size:14px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.hero-pills{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.hero-pills span{background:#ffffff14;border:1px solid #ffffff20;border-radius:999px;padding:6px 10px;font-size:12px;color:#e5edfe}.button{border:0;border-radius:8px;padding:10px 15px;font-weight:750;font-size:13px;transition:transform .12s ease,box-shadow .12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.65}.button.primary{background:#54cfb3;color:#11243f;box-shadow:0 5px 14px #10213a55}.button.secondary{background:#fff;color:#23355b}.hero-card .button.secondary{background:#ffffff1a;color:#fff;border:1px solid #ffffff3a}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.metric{padding:20px 22px;background:#fff;border:1px solid #e7ebf3;border-radius:12px;box-shadow:0 5px 14px #14295308;display:flex;align-items:baseline;gap:11px}.metric strong{font-size:29px;letter-spacing:-1px}.metric span{font-size:12px;color:#72809a;font-weight:650}.metric.blue strong{color:#3b6fd5}.metric.orange strong{color:#d98024}.metric.green strong{color:#31966e}.grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:20px}.panel{background:#fff;border:1px solid #e7ebf3;border-radius:13px;box-shadow:0 5px 14px #14295308;overflow:hidden}.panel-heading{padding:21px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.count-badge{min-width:25px;height:25px;display:grid;place-items:center;background:#edf3ff;color:#4976cd;border-radius:50%;font-size:12px;font-weight:800}.item-list{border-top:1px solid #eef1f6}.item-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:13px;align-items:start;padding:17px 20px;border-bottom:1px solid #eef1f6}.item-row:last-child{border-bottom:0}.priority-dot{width:8px;height:8px;border-radius:50%;margin-top:7px}.priority-dot.low{background:#9aa6bd}.priority-dot.normal{background:#5d91df}.priority-dot.high{background:#eea232}.priority-dot.critical{background:#d75164}.item-copy div{display:flex;gap:8px;align-items:center}.item-copy strong{font-size:14px;color:#253451}.category{font-size:10px;color:#78869e;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.item-copy p{font-size:13px;line-height:1.45;color:#62708a;margin:5px 0}.item-copy small{font-size:11px;color:#93a0b4}.icon-button{border:1px solid #d7e9e3;color:#3c9a82;background:#f5fcf9;width:27px;height:27px;border-radius:7px;font-weight:900}.icon-button:hover:not(:disabled){background:#e4f6ee}.text-button{border:0;background:transparent;color:#3d72cf;font-size:12px;font-weight:750;padding:4px}.text-button:hover{text-decoration:underline}.timeline{border-top:1px solid #eef1f6}.timeline-row{display:grid;grid-template-columns:13px minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #eef1f6}.timeline-row:last-child{border-bottom:0}.timeline-row strong{font-size:13px;color:#263651}.timeline-row p{color:#8190a7;font-size:11px;margin-top:4px}.status-orb{width:8px;height:8px;border-radius:50%}.status-orb.draft{background:#a6b1c5}.status-orb.published{background:#e6ad4a}.status-orb.acknowledged{background:#4db58e}.status{display:inline-flex;width:max-content;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.status.draft{color:#66748e;background:#eff1f5}.status.published{color:#9a6816;background:#fff3d8}.status.acknowledged{color:#23755a;background:#def6ec}.history-panel{min-height:400px}.history-table{display:grid}.table-head,.table-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(115px,1fr) 110px 165px 90px;gap:16px;align-items:center;padding:14px 22px}.table-head{background:#f8f9fc;color:#7a879e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.table-row{border-top:1px solid #edf0f5;color:#60708b;font-size:13px}.table-row strong{color:#273652}.empty{padding:42px 20px;text-align:center;color:#8290a8;font-size:14px;border-top:1px solid #eef1f6}.toast{position:fixed;right:24px;top:20px;z-index:20;padding:12px 13px 12px 15px;max-width:420px;border-radius:9px;box-shadow:0 10px 30px #17244522;font-size:13px;display:flex;gap:12px;align-items:center}.toast.success{background:#e6f8ef;color:#18704e;border:1px solid #b9e6d1}.toast.error{background:#fff0f1;color:#a33343;border:1px solid #f0bcc4}.toast button{border:0;background:transparent;color:inherit;font-size:18px}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#11203a88;display:grid;place-items:center;padding:20px}.modal{width:min(660px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:15px;box-shadow:0 24px 80px #08132a55}.modal-header{display:flex;justify-content:space-between;padding:25px 27px 14px}.modal-header h2{color:#1c2a47}.close{border:0;background:#eff2f7;color:#60708a;width:30px;height:30px;border-radius:50%;font-size:21px;line-height:1}.modal form{display:grid;gap:15px;padding:0 27px 23px}.modal label{display:grid;gap:6px;color:#4b5972;font-size:12px;font-weight:750}.modal input,.modal select,.modal textarea{border:1px solid #dce2ec;border-radius:8px;padding:9px 10px;color:#293752;background:#fff;outline-color:#6c9ae6;font-size:13px}.composer-items{display:grid;gap:10px}.form-section-title{display:flex;justify-content:space-between;align-items:center;color:#4b5972;font-size:12px;font-weight:750}.draft-item{position:relative;display:grid;gap:8px;padding:12px;border:1px solid #e4e9f1;background:#f9faff;border-radius:9px}.draft-grid{display:grid;grid-template-columns:1fr 115px;gap:8px}.remove-item{border:0;background:transparent;color:#b2505e;font-size:11px;text-align:right;padding:0}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.loading{display:grid;min-height:100vh;place-items:center;color:#586783;background:#f4f6fb}@media(max-width:920px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:15px 20px;flex-direction:row;align-items:center;gap:18px}.brand{padding:0}.sidebar nav{display:flex}.sidebar-footer{display:none}.content{padding:28px 22px 50px}.grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:minmax(180px,2fr) 110px 100px}.table-head span:nth-child(2),.table-row>span:nth-child(2),.table-head span:nth-child(4),.table-row>span:nth-child(4){display:none}}@media(max-width:600px){.sidebar{padding:13px}.brand{font-size:18px}.brand-mark{width:27px;height:27px}.nav-item{padding:8px;font-size:12px}.topbar,.hero-card{align-items:flex-start;flex-direction:column}.profile{display:none}.hero-card{padding:25px}.metrics{grid-template-columns:1fr;gap:9px}.hero-actions{width:100%}.hero-actions .button{flex:1}.content{padding:25px 14px}.item-row{padding:14px}.table-head,.table-row{grid-template-columns:minmax(140px,1fr) 93px 70px;padding:13px;gap:8px}.modal{border-radius:12px}.modal-header,.modal form{padding-left:18px;padding-right:18px}}