:root{font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.65;color:#24303d;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}body{margin:0;min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:265px;flex-shrink:0;background:#142640;color:#dce9f7;min-height:100vh;padding:25px 16px;display:flex;flex-direction:column;gap:10px}.logo{display:flex;align-items:center;gap:11px;font-size:20px;white-space:nowrap}.logo span:last-child{display:flex;flex-direction:column}.logo small{font-size:11px;color:#9daec0;line-height:1.9}.logo-mark{background:#34ceb2;color:#082b29;font-size:23px;display:grid;place-items:center;border-radius:15px;width:48px;height:48px;font-weight:800}.group-title{font-size:11px;color:#9daec0;font-weight:700;margin-top:34px;margin-bottom:4px}.sidebar button{width:100%;text-align:right;border:0;color:inherit;background:transparent;padding:10px 13px;border-radius:10px;font-size:13px}.sidebar button:hover,.sidebar button.active,.sidebar button.chosen{background:#27435f;color:#fff}.sidebar .sidebar-action{border:1px dashed #56728b;margin-top:6px;color:#78e3d1}.sidebar-footer{margin-top:auto;border-top:1px solid #334961;padding-top:12px}.sidebar-footer small{color:#87a5b8;font-size:11px}.main{flex:1;min-width:0}.topbar{padding:28px 38px;border-bottom:1px solid #e7ebf0;background:white;display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar h1{margin:4px 0;font-size:22px}.topbar p{margin:0;color:#738091;font-size:13px}.eyebrow{font-size:11px;letter-spacing:1px;color:#248f88;font-weight:700}.right-actions{display:flex;align-items:center;gap:14px}.pill{background:#eaf8f5;color:#247b70;padding:5px 10px;border-radius:20px;font-size:12px}.content-panel{padding:28px 38px;max-width:1300px}.content-panel .intro{padding:10px 0 18px}.intro h2{font-size:21px;margin:0}.intro p{color:#778494}.card{background:#fff;padding:26px;border:1px solid #e4eaf1;border-radius:16px;box-shadow:0 6px 20px rgba(14,32,48,.025);margin-bottom:18px;min-width:0}.card h2{font-size:17px;margin-top:0}.card h3{font-size:15px}.card p{color:#657488}.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:20px;align-items:start}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:12px 0 26px}.stat{padding:22px 24px;border:1px solid #e6ecf2;background:#fff;border-radius:16px;display:flex;flex-direction:column}.stat strong{font-size:29px;color:#16283b}.stat span{font-size:12px;color:#738396}label{display:block;color:#354354;font-size:13px;font-weight:700;margin:13px 0 5px}input,select,textarea{background:#fcfdfd;color:#273848;border:1px solid #cfd9e1;border-radius:9px;padding:10px 11px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#159b8a;box-shadow:0 0 0 3px #daf7ef}form .primary,.primary{border:0;border-radius:10px;background:#087f72;color:white;padding:12px 18px;font-weight:700;margin-top:20px}form .primary{width:100%}.primary:hover{background:#05665d}.small-button,#copy-url{border:1px solid #cbdbe4;border-radius:8px;background:#fff;color:#186d68;padding:8px 12px;white-space:nowrap}.items{display:flex;flex-direction:column;gap:9px;max-height:650px;overflow-y:auto}.item{padding:15px 12px;border:1px solid #edf1f4;border-radius:11px;background:#fff}.item-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.item-row b{font-size:14px}.item small{font-size:11px;color:#81909b}.item-controls{display:flex;gap:10px;margin-top:10px}.item-controls select{flex:1}.item-controls button{flex:0}.item p{margin:6px 0 10px}.item textarea{margin-top:8px}.item>button{margin-top:8px}.muted,.hint,.empty,.subtle{color:#8794a0;font-size:12px}.url-line{display:flex;gap:8px}.url-line input{direction:ltr;text-align:left}.banner{margin:18px 38px 0;padding:12px 14px;border-radius:10px;background:#e9f6f3;border:1px solid #d1eae4;color:#24786a;font-size:13px}.banner:empty{display:none}.banner.error{background:#fff3f2;border-color:#ffd9d5;color:#ae463a}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,#e3f8f4,transparent 42%),#f6f8fb}.login-card{background:white;border:1px solid #e3eaf0;border-radius:20px;padding:40px;width:min(440px,100%);box-shadow:0 20px 70px rgba(12,42,56,.08)}.login-card h1{font-size:24px;margin:35px 0 5px}.login-card p{font-size:13px;color:#78889a;margin:0 0 23px}.login-card .subtle{margin:17px 0 0}.login-logo small{color:#64817e}.login-card label{margin-top:15px}@media(max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;min-height:auto;gap:4px;padding:15px}.sidebar .group-title{margin-top:12px}.sidebar-footer{margin:10px 0 0}.main{min-height:50vh}.topbar{padding:20px;flex-direction:column;align-items:flex-start}.content-panel{padding:20px}.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{margin:12px 20px}.right-actions{flex-wrap:wrap}}
.login-error{min-height:1.5em;color:#a74336!important;font-size:12px!important;line-height:1.8}.login-card .secondary-action{width:100%;margin-top:14px;padding:10px 12px;background:#eef8f5;color:#147c6f;border:1px solid #bfe1d9}.login-card .secondary-action:hover{background:#dff2ed}


.item.unread{border-right:3px solid #17a38d;background:#fcfffe}
.workflow-details{margin-top:16px;padding:14px;border:1px solid #e5efee;border-radius:12px;background:#fafdfc}
.workflow-details h4{margin:10px 0 7px;font-size:14px;color:#284952}
.workflow-details .decision{padding:10px 14px;margin-bottom:8px;border:1px solid #e0e9e7;background:white;border-radius:8px}
.workflow-details .decision p{font-size:13px;margin:0}
.workflow-details .decision small{display:block;font-size:11px;margin-top:7px}
.inline-form{display:flex;gap:9px;align-items:center;margin:10px 0}
.inline-form select{flex:1}
.workflow-create{background:#fff;padding:12px;border:1px dashed #d2e6df;border-radius:11px;margin-top:12px}
.workflow-create .primary{margin-top:10px}
.workflow-field{display:block;margin:7px 0}
.workflow-field span{display:block;font-size:12px;font-weight:600;margin-bottom:4px}
@media(max-width:640px){.inline-form{flex-direction:column}.inline-form button{width:100%}}


.invite-share{margin-top:13px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.invite-share p{flex:1 0 100%;margin:5px 0;color:#617481}
.invite-share a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.invite-share button{width:auto}