*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#172033;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.login-shell{min-height:100vh;padding:28px}.app-layout{min-height:calc(100vh - 86px);display:grid;grid-template-columns:236px minmax(0,1fr)}.app-shell{min-height:calc(100vh - 86px);padding:22px 28px 28px}.login-shell{display:grid;place-items:center;background:linear-gradient(135deg,rgba(15,127,118,.1),transparent 42%),#f4f7f8}.login-panel{width:min(430px,100%);padding:28px;border:1px solid #d7e0e1;border-radius:8px;background:#fff;box-shadow:0 18px 60px #1720331f}.login-panel.compact{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-mark{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:8px;color:#fff;background:#0f7f76}.login-brand p{margin:0 0 3px;color:#54716b;font-size:13px;font-weight:700;text-transform:uppercase}h2,p{margin-top:0}.login-brand h1{margin-bottom:0;font-size:30px;line-height:1.15}.auth-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #f0c8c5;border-radius:8px;color:#7c241f;background:#fff4f2;font-weight:650}.auth-message svg{flex:0 0 auto;margin-top:2px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:7px;color:#40515b;font-size:13px;font-weight:700}.login-form input{width:100%;min-height:44px;padding:0 12px;border:1px solid #cad6d9;border-radius:8px;color:#172033;background:#fff}.login-form input:focus{border-color:#0f7f76;outline:3px solid rgba(15,127,118,.15)}.primary-button{display:inline-flex;align-items:center;justify-content:center;border:0;font-weight:800}.primary-button{gap:9px;width:100%;min-height:46px;margin-top:4px;border-radius:8px;color:#fff;background:#0f7f76}.primary-button:not(:disabled):hover{background:#0b6b63}.spin{animation:spin .8s linear infinite}.app-header{display:grid;grid-template-columns:240px 92px minmax(280px,1fr) minmax(260px,auto);align-items:center;min-height:86px;border-top:6px solid #030303;border-bottom:1px solid #e6ebed;background:#fff}.brand-mark{display:flex;align-items:center;height:100%;padding-left:16px;border-right:1px solid #eef2f3;color:#090909;font-size:36px;font-weight:900;letter-spacing:0}.brand-mark span{line-height:1}.brand-mark i{position:relative;display:inline-block;width:22px;height:22px;margin-left:2px}.brand-mark i:before,.brand-mark i:after{position:absolute;content:"";width:14px;height:14px;border-top:5px solid #d6251f;border-right:5px solid #d6251f;transform:rotate(45deg)}.brand-mark i:before{left:0;top:0}.brand-mark i:after{left:-8px;top:9px}.menu-button,.logout-button{display:inline-flex;align-items:center;justify-content:center;border:0;color:#090909;background:transparent}.menu-button{width:100%;height:100%}.menu-button:hover,.logout-button:hover{color:#0f7f76}.app-header h1{margin:0;overflow:hidden;color:#040404;font-size:20px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.header-user{display:grid;grid-template-columns:minmax(0,auto) 64px 38px;align-items:center;gap:12px;min-height:52px;margin-right:10px;padding-left:16px;border-left:2px solid #eef2f3}.header-user span{overflow:hidden;max-width:260px;color:#0b1220;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:999px;color:#fff;background:#aaa;font-size:24px;font-weight:900}.logout-button{width:36px;height:36px;border-radius:8px}.side-menu{min-height:calc(100vh - 86px);padding:0 8px 24px 0;border-right:1px solid #edf1f2;background:#fff}.side-menu button{display:flex;align-items:center;width:100%;min-height:38px;border:0;text-align:left;letter-spacing:0}.side-menu-active{gap:7px;min-height:50px;padding:0 10px 0 6px;border-radius:0 4px 4px 0;color:#fff;background:#ed302b;font-size:14px;font-weight:800}.side-menu-active svg{flex:0 0 auto}.side-menu-link{padding:0 16px 0 32px;color:#6c7178;background:#fff;font-size:14px;font-weight:500}.side-menu-link:hover{color:#111827;background:#f8fafb}.card-grid,.work-panel{width:min(1180px,100%);margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.status-card{min-height:132px;padding:18px;border:1px solid #d7e0e1;border-radius:8px;background:#fff}.status-card svg{color:#0f7f76}.status-card span,.status-card strong{display:block}.status-card span{margin-top:18px;color:#5b6d75;font-size:14px}.status-card strong{margin-top:4px;font-size:19px}.work-panel{margin-top:18px;padding:24px;border:1px solid #d7e0e1;border-radius:8px;background:#fff}.work-panel h2{margin-bottom:14px;font-size:22px}.task-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.task-list span{min-height:54px;padding:12px;border:1px solid #dde6e8;border-radius:6px;color:#40515b;background:#f8fbfb;font-weight:650}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.login-shell,.app-shell{padding:18px}.app-layout{min-height:calc(100vh - 74px);grid-template-columns:1fr}.app-shell{min-height:calc(100vh - 74px)}.app-header{grid-template-columns:104px 58px minmax(0,1fr) auto;min-height:74px}.brand-mark{padding-left:12px;font-size:28px}.brand-mark i{width:17px;height:17px}.brand-mark i:before,.brand-mark i:after{width:10px;height:10px;border-top-width:4px;border-right-width:4px}.brand-mark i:after{left:-6px;top:7px}.app-header h1{font-size:16px}.header-user{grid-template-columns:44px 34px;gap:6px;margin-right:6px;padding-left:8px}.header-user span{display:none}.avatar{width:42px;height:42px;font-size:18px}.side-menu{min-height:auto;display:grid;grid-template-columns:1fr;padding:0 12px 12px;border-right:0;border-bottom:1px solid #edf1f2}.side-menu-active{border-radius:4px}.side-menu-link{padding-left:12px}.card-grid,.task-list{grid-template-columns:1fr}}