:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Arial,sans-serif;color:#162135;background:#f5f7fa;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e9b631;outline-offset:2px}.hidden{display:none!important}
.page-shell{max-width:980px;margin:auto;min-height:100vh;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.topbar{height:calc(78px + env(safe-area-inset-top));padding:calc(16px + env(safe-area-inset-top)) 24px 15px;display:flex;align-items:center;justify-content:space-between;background:#121b2b;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:49px;height:44px;display:flex;align-items:center;justify-content:center;background:#f2bf36;border-radius:13px;font-size:19px;font-weight:900;letter-spacing:-2px;color:#141c29}.brand-logo span{color:#fff}.brand strong{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#a4b0c4;font-size:12px;margin-top:2px}.square-btn{color:white;background:#28364e;border:0;width:40px;height:40px;border-radius:12px;font-size:27px;line-height:1}.content{padding:25px 20px}.tiny-heading{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#9a741e}.headlines h1{margin:9px 0;font-size:clamp(26px,5.5vw,37px);line-height:1.13;letter-spacing:-1.35px;font-weight:820;max-width:630px}.headlines em{font-style:normal;color:#bd8720}.muted{color:#8490a2;font-size:14px;margin:10px 0 21px}.overview{display:grid;grid-template-columns:1.05fr 1fr;background:#121b2b;color:white;border-radius:19px;overflow:hidden;box-shadow:0 12px 25px rgba(16,26,45,.1)}.overview-primary{padding:24px;background:linear-gradient(145deg,#1f3049,#121b2b)}.mini-label{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#d0ad65}.big-value{font-size:68px;letter-spacing:-4px;line-height:1.1;font-weight:800}.overview-primary>div:last-child{font-size:12px;color:#b4c0d1}.overview-side{padding:15px 19px;display:flex;flex-direction:column;justify-content:center}.metric{display:flex;align-items:center;gap:11px;padding:10px 0}.metric+.metric{border-top:1px solid #354052}.metric-icon{font-size:20px}.metric-number{font-size:25px;font-weight:800;line-height:1.1}.metric span:last-child{color:#bdc7d6;font-size:11px;line-height:1.3}.attention{display:flex;gap:12px;align-items:center;background:#fff1d4;border:1px solid #f6d693;padding:14px 16px;border-radius:15px;margin-top:17px}.attention-icon{width:32px;height:32px;background:#dc9330;color:white;display:grid;place-items:center;border-radius:50%;font-weight:bold;flex-shrink:0}.attention strong{font-size:14px}.attention p{font-size:12px;color:#8b6627;margin:4px 0 0;line-height:1.4}.workspace{margin-top:29px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-header h2{margin:4px 0 0;font-size:23px;letter-spacing:-.7px}.text-button{border:0;background:transparent;color:#ae7f24;font-weight:700;font-size:12px;padding:8px}.searchwrap{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e4e9f0;border-radius:13px;padding:0 14px;height:47px}.searchwrap span{font-size:27px;color:#9ba6b7}.searchwrap input{border:0;outline:0;width:100%;background:transparent;font-size:14px}.filters{display:flex;gap:8px;overflow-x:auto;padding:15px 0 19px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;border:1px solid #e5e9f0;padding:9px 13px;border-radius:30px;background:white;color:#6d7687;font-size:12px;font-weight:700}.filter.active{border-color:#1a273b;background:#1a273b;color:white}.project-list{display:grid;gap:12px}.project{background:#fff;border:1px solid #e7ebf1;border-radius:17px;overflow:hidden;box-shadow:0 4px 12px rgba(23,34,52,.025)}.project.red{border-left:5px solid #e45956}.project.amber{border-left:5px solid #edb743}.project.blue{border-left:5px solid #78a9e8}.project-inner{padding:16px}.project-top{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}.project-badges{display:flex;gap:6px;flex-wrap:wrap}.pill{font-size:10px;letter-spacing:.1px;font-weight:800;border-radius:20px;padding:5px 8px;background:#eef1f6;color:#5e6a7b}.pill.red{background:#ffe8e7;color:#be403b}.pill.amber{background:#fff0cf;color:#946008}.pill.blue{background:#e7f0ff;color:#356bab}.pill.green{background:#dcf5e9;color:#287756}.project-menu{background:#f4f6fa;color:#667386;border:0;border-radius:9px;width:30px;height:30px;font-size:19px}.project h3{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin:13px 0 5px;overflow-wrap:anywhere}.project-sub{font-size:12px;color:#7b8799;margin:0;line-height:1.5;overflow-wrap:anywhere}.project-ages{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:13px 0 10px;flex-wrap:wrap}.age{font-weight:800;color:#28344a;font-size:12px}.age.old{color:#c74d3e}.age.mid{color:#a86b13}.due{font-size:12px;color:#8190a3}.due.late{color:#d94e43;font-weight:800}.docs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.doc{font-size:10px;border:1px solid #e4eaf0;color:#647187;border-radius:6px;padding:4px 7px}.project-notes{font-size:12px;color:#798496;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:44px;overflow:hidden}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 15px;border-top:1px solid #f0f2f6;background:#fdfefe}.status-select{border:0;max-width:170px;color:#4c6178;background:transparent;padding:6px 1px;font-size:12px;font-weight:700}.edit-button{background:#f5f7fa;color:#314057;border:0;border-radius:9px;font-weight:700;font-size:12px;padding:9px 12px}.empty{background:white;border:1px dashed #d5dce7;border-radius:18px;text-align:center;padding:36px 20px}.empty-icon{font-size:40px;margin-bottom:11px}.empty h3{margin:5px 0}.empty p{font-size:13px;color:#8490a0;max-width:330px;margin:10px auto}.empty button{background:#f2bf36;border:0;border-radius:9px;padding:12px;font-size:13px;font-weight:800}.bottom-info{display:flex;gap:7px;align-items:center;color:#8895a5;font-size:11px;margin-top:28px;flex-wrap:wrap}.dot{width:7px;height:7px;border-radius:50%;background:#e1a93d}.dot.online{background:#46a37d}.dot.error{background:#db6868}.link-button{border:0;background:none;color:#96701e;font-size:11px;text-decoration:underline;margin-left:auto}.fab{position:fixed;z-index:2;bottom:calc(17px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(92vw,420px);border:0;background:#eebd35;border-radius:15px;color:#152136;box-shadow:0 8px 22px rgba(166,118,28,.25);padding:15px 22px;font-weight:850;font-size:15px}.fab span{font-size:22px;vertical-align:-1px;margin-right:7px}.editor-dialog{border:0;border-radius:20px;padding:0;max-height:calc(100dvh - 25px);width:min(95vw,600px);box-shadow:0 20px 70px #1018275e;overflow:hidden}.editor-dialog::backdrop{background:#10182795}.editor-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 25px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:21px 21px 16px;border-bottom:1px solid #e8ecf1}.dialog-header h2{font-size:22px;margin:5px 0 0}.close-btn{border:0;background:#eef1f6;border-radius:10px;width:35px;height:35px;font-size:26px;color:#576175}.form-body{overflow-y:auto;padding:17px 20px;display:flex;flex-direction:column;gap:15px}.form-body label{font-size:12px;font-weight:750;color:#4d5a6e;display:flex;flex-direction:column;gap:7px}.form-body label b{color:#d35b49}.form-body input:not([type=checkbox]),.form-body select,.form-body textarea{display:block;min-width:0;width:100%;border:1px solid #dfe4ed;border-radius:9px;padding:11px 10px;background:#fff;color:#1b2738;font-size:14px;outline:0}.form-body input:focus,.form-body select:focus,.form-body textarea:focus{border-color:#d6ab36}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.requirements{border:1px solid #e2e6ed;border-radius:11px;padding:12px}.requirements legend{font-size:12px;font-weight:800;color:#536176;padding:0 4px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.checkbox-grid label{flex-direction:row;align-items:center;font-size:12px;font-weight:600;gap:5px}.checkbox-grid input{accent-color:#dbad2b}.form-tip{background:#fff6e0;padding:12px;font-size:11px;color:#8f6a22;line-height:1.45;margin:0;border-radius:9px}.dialog-actions{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e6eaf0;display:flex;justify-content:space-between;gap:9px}.save-button{border:0;border-radius:10px;background:#eab93b;padding:13px 22px;font-size:14px;font-weight:850;color:#152033;flex:1}.delete-button{border:0;border-radius:10px;background:#ffeded;color:#b63737;font-size:12px;font-weight:800;padding:12px}.toast{position:fixed;z-index:5;bottom:calc(91px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:90vw;background:#1a273a;color:white;border-radius:11px;padding:11px 17px;font-size:13px;display:none;box-shadow:0 5px 25px #0003;text-align:center}.toast.visible{display:block}
@media(min-width:680px){.topbar{border-radius:0 0 16px 16px}.content{padding:35px 32px}.project-list{grid-template-columns:1fr 1fr}.overview{max-width:650px}.fab{right:40px;left:auto;transform:none;width:auto}}
@media(max-width:360px){.content{padding:20px 13px}.overview-primary{padding:18px}.overview-side{padding:10px}.metric{gap:6px}.metric span:last-child{font-size:10px}.two-cols{grid-template-columns:1fr}.dialog-header{padding:15px}}

.main-tabs{display:flex;gap:8px;margin:22px 0 4px}.tab{flex:1;background:#fff;border:1px solid #e3e8ee;border-radius:12px;padding:13px 6px;font-size:13px;font-weight:800;color:#59677c}.tab.active{background:#18263b;color:white}.extra-panel{margin-top:27px}.fold,.report-card,.nested{border:1px solid #e2e7ed;background:#fff;border-radius:12px;margin:9px 0;overflow:hidden}.fold summary,.report-card summary,.nested summary{cursor:pointer;padding:14px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:12px;align-items:center}.report-card summary span{font-size:11px;color:#6a7686;text-align:right}.fold-content,.report-body{padding:12px 14px;border-top:1px solid #eef0f3}.fold-content{display:grid;gap:12px}.nested{margin:8px 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.stats-grid>div{background:#fff;border:1px solid #e5e9f0;padding:14px;border-radius:12px}.stats-grid small{display:block;color:#718093;font-size:11px}.stats-grid strong{display:block;font-size:19px;margin-top:6px;overflow-wrap:anywhere}.warning{background:#fff0d3;color:#8a5c0b;padding:12px;border-radius:10px;font-size:12px}.report-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-controls label{font-size:11px;font-weight:750;color:#657286}.report-controls label:last-child{grid-column:1/-1}.report-controls select{width:100%;padding:11px;border:1px solid #e2e7ee;border-radius:10px;background:white;margin-top:6px}.export-actions{display:flex;gap:10px;margin:16px 0}.export-actions button{flex:1;padding:12px 7px;border:0;border-radius:10px;background:#eab93b;color:#18263b;font-size:12px;font-weight:800}.report-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;min-width:440px}td,th{padding:9px 6px;text-align:left;border-bottom:1px solid #edf0f4}th{color:#667487}td small{display:block;color:#8b95a4;margin-top:3px}@media(min-width:680px){.stats-grid{grid-template-columns:repeat(4,1fr)}.report-controls{grid-template-columns:1fr 1fr 2fr}.report-controls label:last-child{grid-column:auto}}