:root{--ink:#172c39;--muted:#718391;--light:#f4f7f9;--line:#e5eaee;--nav:#152938;--nav-soft:#203747;--blue:#1b7999;--teal:#148d83;--accent:#e4f5f4;--shadow:0 12px 36px rgba(21,46,59,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--light);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.85px;font-weight:780}h2{font-size:19px;letter-spacing:-.25px}h3{font-size:16px}p{color:var(--muted)}.shell{min-height:100vh;display:flex}.sidebar{width:252px;flex:0 0 252px;background:var(--nav);color:#eef6f8;min-height:100vh;padding:30px 16px 17px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 48px}.brand-mark{height:37px;width:37px;border-radius:11px;background:linear-gradient(145deg,#2292a3,#0a665c);display:grid;place-items:center;font-size:23px;font-weight:750;color:#fff}.brand-name{font-size:17px;font-weight:800;line-height:1.2;letter-spacing:.8px}.brand-name span{font-size:14px;color:#46bfb0}.brand-sub{font-size:9px;letter-spacing:1.15px;color:#9ab0bc;margin-top:3px}.sidebar-label{font-size:10px;letter-spacing:1.35px;font-weight:700;color:#7693a3;padding:0 13px 13px}.side-nav{display:flex;flex-direction:column;gap:5px}.side-link{width:100%;background:transparent;color:#b4cad3;border:none;border-radius:9px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:600}.side-link.selected,.side-link:hover{background:var(--nav-soft);color:white}.side-link.selected{box-shadow:inset 3px 0 0 #31b6a8}.side-link .glyph{font-size:19px;color:#5db8b3}.nav-count{margin-left:auto;background:#3e5663;padding:0 7px;border-radius:6px;color:#dbe8ec;font-size:11px}.sidebar-bottom{margin-top:auto}.status-tile{background:#25404c;color:#c9e9dd;border-radius:9px;padding:12px 10px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:650}.status-dot{display:inline-block;height:7px;width:7px;flex:0 0 7px;border-radius:50%;background:#37c6aa;box-shadow:0 0 0 3px rgba(55,198,170,.11)}.safe-note{font-size:11px;color:#87a0ab;padding:9px 10px 16px;line-height:1.5}.user-area{display:flex;align-items:center;gap:9px;border-top:1px solid #2b424e;padding:19px 4px 0}.avatar{height:31px;width:31px;border-radius:10px;background:#397184;display:grid;place-items:center;font-weight:800}.user-info{min-width:0;flex:1}.user-info b,.user-info small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.user-info b{font-size:12px}.user-info small{font-size:10px;color:#9eb3bd}.logout-icon{background:transparent;color:#a3bbc5;border:0;font-size:21px;padding:4px}.main-column{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 45px}.breadcrumb{color:#94a3ad;font-size:12px}.breadcrumb span{padding:0 8px;color:#bbc7cd}.breadcrumb strong{color:#385263}.top-status{display:flex;align-items:center;gap:9px;border:1px solid #e1eeeb;background:#f6fcfa;color:#538775;border-radius:20px;font-size:11px;font-weight:600;padding:7px 11px}.content{width:min(1120px,100%);margin:0 auto;padding:42px 46px 50px;flex:1}.bottomline{text-align:center;font-size:11px;color:#9fadb5;padding:0 12px 20px}.bottomline span{padding:0 7px}.page-lead{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:33px}.page-lead p{margin-top:6px;font-size:13px}.eyebrow{font-weight:750;font-size:10px;letter-spacing:1.75px;color:var(--teal);margin-bottom:6px}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn.primary{background:#167f83;color:white;box-shadow:0 7px 18px rgba(22,127,131,.15)}.btn.primary:hover{background:#116c70}.btn.light{background:#fff;border-color:#dce6eb;color:#5e737f}.glyph{display:inline-flex;line-height:1}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 34px}.stat{background:white;border:1px solid #e5ebef;border-radius:12px;padding:20px 22px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.stat-icon{height:45px;width:45px;background:#e3f5f0;color:#33937b;border-radius:10px;display:grid;place-items:center;font-size:24px}.stat-icon.blue{background:#e7f0fa;color:#5089b7}.stat-icon.pale{background:#f4f0e6;color:#ad9562}.stat strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.3px}.stat span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.sub-count{font-size:11px;font-weight:600;display:inline-block;vertical-align:middle;background:#e5edf1;color:#597b8c;border-radius:15px;padding:3px 8px;margin-left:6px}.section-helper{color:#97a7b0;font-size:11px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card,.project-add{min-height:235px;display:flex;flex-direction:column;text-align:left;background:white;border:1px solid var(--line);border-radius:13px;padding:19px 19px 0;box-shadow:var(--shadow);color:var(--ink);transition:border-color .2s,transform .2s}.project-card:hover,.project-add:hover{border-color:#61b9b5;transform:translateY(-2px)}.project-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-symbol{height:36px;width:36px;background:#e8f5f5;color:#248a89;border-radius:9px;display:grid;place-items:center;font-size:22px}.pill{background:#e4f7ef;color:#3c9370;border-radius:15px;padding:4px 10px;font-size:10px;font-weight:750}.pill.enlarged{padding:7px 12px;font-size:12px}.project-code{font-size:10px;letter-spacing:1px;color:#318da0;font-weight:800;margin-bottom:5px}.project-card h3{line-height:1.3;margin-bottom:6px}.card-company{font-size:12px;min-height:19px}.card-meta{font-size:11px;color:#7e919c;margin-top:13px}.project-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f4;color:#24808c;font-size:11px;font-weight:700;margin-top:auto;padding:14px 0}.project-card-bottom span:last-child{font-size:19px}.project-add{border-style:dashed;border-width:2px;justify-content:center;align-items:center;gap:9px;text-align:center;padding:22px;color:#5f818b;box-shadow:none}.project-add .big-plus{width:51px;height:51px;border-radius:50%;background:#e9f3f6;color:#348898;font-size:30px;display:grid;place-items:center;margin-bottom:7px}.project-add span{font-size:11px;color:#91a5ad}.info-strip{margin-top:26px;padding:14px 17px;background:#eaf3f7;border:1px solid #d9e9f0;color:#547989;font-size:12px;border-radius:9px;display:flex;gap:10px;align-items:center}.empty{border:1px dashed #d4e1e8;border-radius:15px;background:#fff;text-align:center;padding:65px 25px 60px}.empty-icon{font-size:40px;color:#4693a0;background:#e6f4f5;border-radius:20px;height:72px;width:72px;display:grid;place-items:center;margin:0 auto 18px}.empty p{max-width:440px;margin:9px auto 21px}.form-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:30px}.form-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #edf1f4;padding-bottom:22px;margin-bottom:26px}.form-icon{height:49px;width:49px;background:#e6f3f4;color:#368a90;border-radius:12px;display:grid;place-items:center;font-size:26px}.form-heading p{font-size:12px;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 24px}.form-grid label,.form-fields label{font-size:12px;color:#536a78;font-weight:700;display:flex;flex-direction:column;gap:7px}.form-grid label.wide{grid-column:span 2}label em{color:#c9756d;font-style:normal;display:inline}input{width:100%;min-height:42px;border:1px solid #dbe5ea;border-radius:8px;padding:10px 12px;background:#fff;outline:none;color:#16323e}input:focus{border-color:#369d9b;box-shadow:0 0 0 3px #e3f6f3}input::placeholder{color:#adbac2}label small{font-size:10px;font-weight:400;color:#98a8af;margin-top:-5px}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #edf1f4;margin-top:28px;padding-top:24px}.back{display:block;background:none;border:0;padding:0;color:#5c9eab;font-weight:700;margin-bottom:18px;font-size:12px}.details-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:11px;margin-bottom:32px;box-shadow:var(--shadow)}.details-summary>div{padding:19px 20px;border-right:1px solid var(--line)}.details-summary>div:last-child{border:0}.details-summary span,.details-summary strong{display:block}.details-summary span{color:#8195a0;font-size:11px;margin-bottom:6px}.details-summary strong{font-size:12px;word-break:break-word}.modules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.module-card{background:white;border:1px solid var(--line);border-radius:11px;padding:18px;min-height:194px}.module-icon{background:#eaf3f4;color:#328b92;font-size:23px;width:43px;height:43px;border-radius:10px;display:grid;place-items:center;margin-bottom:13px}.module-card h3{font-size:13px}.module-card p{font-size:11px;margin:6px 0 12px}.module-badge{display:inline-block;padding:4px 8px;border-radius:15px;background:#f2f4f6;color:#8b9ca5;font-size:10px;font-weight:600}.alert{background:#fff4f1;border:1px solid #f4cebc;color:#a7563f;border-radius:9px;padding:12px 14px;margin-bottom:18px;font-size:12px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:radial-gradient(circle at 50% -10%,#deeff0,#f4f7f9 55%)}.auth-head{text-align:center;margin-bottom:28px}.brand-mark.large{margin:0 auto 12px;width:55px;height:55px;font-size:31px}.auth-tag{font-weight:850;letter-spacing:3px;font-size:17px}.auth-sub{font-size:12px;color:#8699a4;margin-top:3px}.auth-card{width:min(440px,100%);background:white;border:1px solid #e0e8ed;border-radius:16px;padding:38px;box-shadow:0 20px 65px rgba(24,59,70,.09)}.auth-card h1{font-size:24px}.auth-card .muted{font-size:12px;margin:10px 0 25px}.form-fields{display:flex;flex-direction:column;gap:17px}.btn.full{width:100%;margin-top:9px;min-height:44px}.auth-foot{font-size:11px;color:#91a4ad;text-align:center;margin-top:25px}.auth-disclaimer{font-size:11px;color:#8b9faa;margin-top:24px}.starting{margin:25vh auto;text-align:center;color:#4c778b}@media(max-width:1050px){.sidebar{width:218px;flex-basis:218px}.content{padding:30px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modules-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{padding:0 30px}}@media(max-width:710px){.shell{display:block}.sidebar{width:100%;min-height:unset;padding:14px 17px 10px}.brand{padding:0;margin:0 0 12px}.sidebar-label,.sidebar-bottom{display:none}.side-nav{flex-direction:row}.side-link{padding:9px 11px;font-size:12px}.side-link .glyph{font-size:15px}.side-link .nav-count{display:none}.topbar{height:45px;padding:0 18px}.top-status{font-size:10px;padding:5px 8px}.content{padding:25px 16px 35px}.page-lead{align-items:flex-start;gap:13px}.page-lead h1{font-size:24px}.page-lead>.btn{font-size:11px;padding:9px 10px}.stats{gap:9px}.stat{padding:12px 10px;gap:9px}.stat-icon{width:31px;height:31px;font-size:18px}.stat strong{font-size:17px}.stat span{font-size:9px}.projects-grid{grid-template-columns:1fr}.project-card,.project-add{min-height:205px}.form-card{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:span 1}.details-summary{grid-template-columns:1fr 1fr}.details-summary>div:nth-child(2){border-right:none}.details-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.modules-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{padding:12px}.section-helper{display:none}}@media(max-width:390px){.stats{grid-template-columns:1fr}.page-lead{flex-wrap:wrap}.modules-grid{grid-template-columns:1fr}.auth-card{padding:25px}}