:root{--knd-brand:#087a76;--knd-brand-dark:#075e5b;--knd-brand-soft:#e8f4f2;--knd-ink:#172326;--knd-muted:#667579;--knd-line:#dfe8e6;--knd-canvas:#f5f7f6;--knd-panel:#fff;--knd-danger:#b42318;--knd-sidebar-width:248px;--knd-radius:12px;--knd-shadow:0 1px 2px rgba(18,47,46,.05),0 10px 30px rgba(18,47,46,.04)}
*{box-sizing:border-box}body.knd-app-shell{margin:0;background:var(--knd-canvas);color:var(--knd-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.knd-sidebar{position:fixed;inset:0 auto 0 0;z-index:1050;width:var(--knd-sidebar-width);display:flex;flex-direction:column;padding:22px 14px 16px;color:#fff;background:linear-gradient(180deg,#087a76 0%,#075f5d 72%,#064f4d 100%)}.knd-sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px;color:#fff;text-decoration:none}.knd-sidebar-brand img{padding:5px;border-radius:10px;background:rgba(255,255,255,.94)}.knd-sidebar-brand>span{display:grid;font-size:18px;line-height:1.05}.knd-sidebar-brand small{margin-top:4px;color:rgba(255,255,255,.7);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.knd-sidebar-nav{display:grid;gap:4px}.knd-nav-section{margin:19px 12px 6px;color:rgba(255,255,255,.55);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.knd-nav-link{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 12px;border-radius:9px;color:rgba(255,255,255,.88);font-size:14px;font-weight:600;text-decoration:none}.knd-nav-link>span{width:20px;color:rgba(255,255,255,.68);font-size:18px;text-align:center}.knd-nav-link:hover,.knd-nav-link.is-active{color:#fff;background:rgba(255,255,255,.13)}.knd-nav-link.is-active{box-shadow:inset 3px 0 #fff}.knd-nav-link-muted{color:rgba(255,255,255,.7)}.knd-sidebar-footer{margin-top:auto;padding:16px 9px 0;border-top:1px solid rgba(255,255,255,.15)}.knd-user{display:flex;align-items:center;gap:9px}.knd-user>span:last-child{display:grid;font-size:13px}.knd-user small{color:rgba(255,255,255,.62);font-size:11px}.knd-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:var(--knd-brand-dark);background:#fff;font-size:11px;font-weight:800}.knd-logout{margin:12px 0 0 43px;padding:0;border:0;color:rgba(255,255,255,.68);background:transparent;font-size:12px}.knd-main{min-height:100vh;margin-left:var(--knd-sidebar-width)}.knd-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding:18px 34px;border-bottom:1px solid var(--knd-line);background:rgba(255,255,255,.94)}.knd-topbar h1{margin:2px 0 0;font-size:24px;font-weight:720;letter-spacing:-.02em}.knd-eyebrow{color:var(--knd-brand);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.knd-top-actions{display:flex;align-items:center;gap:10px}.knd-global-search input{width:min(31vw,390px);height:42px;padding:0 14px 0 38px;border:1px solid var(--knd-line);border-radius:10px;outline:0;background:#f8faf9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23667579' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat 13px center;font-size:14px}.knd-global-search input:focus{border-color:var(--knd-brand);box-shadow:0 0 0 3px rgba(8,122,118,.1);background-color:#fff}.knd-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:8px 14px;border:1px solid var(--knd-line);border-radius:9px;color:var(--knd-ink);background:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.knd-button:hover{color:var(--knd-brand-dark);border-color:#b8cfcc}.knd-button-primary{color:#fff;border-color:var(--knd-brand);background:var(--knd-brand)}.knd-button-primary:hover{color:#fff;border-color:var(--knd-brand-dark);background:var(--knd-brand-dark)}.knd-button-danger{color:var(--knd-danger)}.knd-main-inner{width:100%;max-width:1600px;margin:0 auto;padding:28px 34px 48px}.knd-app-footer{display:flex;justify-content:space-between;padding:18px 34px;color:var(--knd-muted);font-size:11px}.knd-mobile-header,.knd-sidebar-backdrop{display:none}
.knd-panel{border:1px solid var(--knd-line);border-radius:var(--knd-radius);background:var(--knd-panel);box-shadow:var(--knd-shadow)}.knd-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding:13px 17px;border-bottom:1px solid var(--knd-line)}.knd-panel-header h2{margin:0;font-size:15px;font-weight:750}.knd-panel-body{padding:17px}.knd-muted{color:var(--knd-muted)}.knd-count{display:inline-grid;min-width:23px;height:23px;padding:0 7px;place-items:center;border-radius:999px;color:var(--knd-brand-dark);background:var(--knd-brand-soft);font-size:11px;font-weight:800}.knd-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;align-items:start}.knd-stack{display:grid;gap:18px}.knd-quick-form{display:grid;grid-template-columns:minmax(200px,1fr) 220px 145px auto;gap:10px}.knd-field{display:grid;gap:5px}.knd-field label{color:#4f6063;font-size:11px;font-weight:750}.knd-field input,.knd-field select,.knd-field textarea{width:100%;min-height:40px;padding:9px 11px;border:1px solid #ccd9d7;border-radius:8px;color:var(--knd-ink);background:#fff;font:inherit;font-size:13px}.knd-field textarea{min-height:88px;resize:vertical}.knd-field input:focus,.knd-field select:focus,.knd-field textarea:focus{border-color:var(--knd-brand);outline:0;box-shadow:0 0 0 3px rgba(8,122,118,.09)}.knd-form-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:3px}.knd-form-details .knd-wide{grid-column:span 2}.knd-form-toolbar{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.knd-link-button{padding:0;border:0;color:var(--knd-brand);background:transparent;font-size:12px;font-weight:700}.knd-work-list{margin:0;padding:0;list-style:none}.knd-work-row{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 17px;border-bottom:1px solid #edf1f0}.knd-work-row:last-child{border-bottom:0}.knd-work-row:hover{background:#fbfcfc}.knd-priority-dot{width:8px;height:8px;border-radius:50%;background:#aebbb9}.knd-priority-dot.high{background:#d34437}.knd-work-main{min-width:0}.knd-work-title{display:block;overflow:hidden;color:var(--knd-ink);font-size:13px;font-weight:680;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.knd-work-meta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:3px;color:var(--knd-muted);font-size:11px}.knd-chip{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;color:#536260;background:#eef2f1;font-size:10px;font-weight:750}.knd-chip.inbox{color:#265d8c;background:#e8f2fb}.knd-chip.in_progress{color:#7a4b00;background:#fff0d7}.knd-chip.waiting{color:#6d3f80;background:#f5eafa}.knd-chip.done{color:#296d4a;background:#e4f5eb}.knd-empty{padding:30px 18px;color:var(--knd-muted);font-size:13px;text-align:center}.knd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.knd-kpi{padding:15px 16px}.knd-kpi strong{display:block;margin-top:3px;font-size:23px;line-height:1}.knd-kpi span{color:var(--knd-muted);font-size:11px;font-weight:650}.knd-table{width:100%;border-collapse:collapse;font-size:13px}.knd-table th{padding:10px 12px;border-bottom:1px solid var(--knd-line);color:var(--knd-muted);font-size:10px;letter-spacing:.04em;text-align:left;text-transform:uppercase}.knd-table td{padding:12px;border-bottom:1px solid #edf1f0;vertical-align:middle}.knd-table tr:last-child td{border-bottom:0}.knd-filterbar{display:flex;align-items:end;gap:10px;margin-bottom:16px}.knd-filterbar .knd-field{min-width:180px}.knd-alert{padding:10px 12px;border-radius:8px;font-size:13px}.knd-alert-danger{color:#8d221a;background:#fdecea}.knd-alert-success{color:#21633f;background:#e7f6ed}.knd-login-page{display:grid;min-height:100vh;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#e4f3f1 0,#f5f7f6 42%)}.knd-login-card{display:grid;width:min(100%,410px);gap:22px;padding:34px;border:1px solid var(--knd-line);border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(20,70,67,.11)}.knd-login-card>img{padding:7px;border-radius:12px;background:var(--knd-brand-soft)}.knd-login-card h1{margin:3px 0 4px;font-size:26px}.knd-login-card p{margin:0;color:var(--knd-muted);font-size:13px}.knd-login-form{display:grid;gap:14px}.knd-login-form label{display:grid;gap:6px;color:#465558;font-size:12px;font-weight:700}.knd-login-form input{height:44px;padding:0 12px;border:1px solid #cbd8d6;border-radius:9px;font:inherit}.knd-login-form button{height:44px;border:0;border-radius:9px;color:#fff;background:var(--knd-brand);font-weight:750}
@media(max-width:1180px){.knd-dashboard-grid{grid-template-columns:1fr}.knd-quick-form{grid-template-columns:minmax(200px,1fr) 190px 130px auto}}@media(max-width:900px){.knd-sidebar{transform:translateX(-100%);transition:transform .2s ease}.knd-menu-open .knd-sidebar{transform:translateX(0)}.knd-menu-open .knd-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1040;background:rgba(14,31,30,.38)}.knd-main{margin-left:0}.knd-mobile-header{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 18px;color:#fff;background:var(--knd-brand)}.knd-mobile-header a{display:flex;align-items:center;gap:8px;color:#fff;font-weight:750;text-decoration:none}.knd-mobile-header img{padding:4px;border-radius:8px;background:#fff}.knd-mobile-header button{border:0;color:#fff;background:transparent;font-size:24px}.knd-topbar{min-height:82px;padding:14px 18px}.knd-main-inner{padding:20px 18px 40px}}@media(max-width:700px){.knd-topbar{align-items:flex-start;flex-direction:column}.knd-top-actions,.knd-global-search,.knd-global-search input{width:100%}.knd-quick-form,.knd-form-details{grid-template-columns:1fr}.knd-form-details .knd-wide{grid-column:auto}.knd-kpis{grid-template-columns:repeat(2,1fr)}.knd-app-footer{padding-inline:18px}}