:root{--teal:#1A7A8A;--teal-l:#2a9aad;--teal-d:#125d6a;--teal-bg:#e6f4f6;--navy:#111E33;--navy-l:#1c2f4d;--gold:#C9A84C;--gold-l:#dfc06a;--gold-d:#a88a3a;--bg:#f0f2f5;--card:#fff;--border:#e0e4ea;--txt:#111E33;--txt2:#64748b;--txt3:#94a3b8;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--blue:#3b82f6;--purple:#8b5cf6;--radius:8px;--shadow:0 2px 8px rgba(0,0,0,.08);--row-h:42px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:500}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg)}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 60px #0000001f}.auth-header{background:var(--navy);padding:20px 28px;display:flex;align-items:center;gap:12px}.auth-logo{width:38px;height:38px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:18px;color:var(--navy);font-weight:800;flex-shrink:0}.auth-header h2{color:#fff;font-size:16px;font-weight:700}.auth-header p{color:#ffffff73;font-size:11px;margin-top:2px}.auth-header .client-name{color:var(--gold-l);font-weight:600;font-size:12px}.auth-body{padding:28px}.auth-desc{font-size:13px;color:var(--txt2);margin-bottom:16px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:9px 12px;font:400 13px/1 Outfit,sans-serif;outline:none;transition:border .15s,box-shadow .15s;background:#fff;color:var(--txt)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a7a8a1f}.form-group input.error{border-color:var(--red)}.form-hint{font-size:11px;color:var(--txt3);margin-top:3px}.form-error{font-size:12px;color:var(--red);text-align:center;margin-bottom:10px;min-height:16px}.success-msg{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;padding:10px 12px;font-size:12px;color:#166534;margin-bottom:14px}.submit-btn{width:100%;background:var(--teal);color:#fff;border:none;border-radius:7px;padding:11px;font:700 13px/1 Outfit,sans-serif;cursor:pointer;transition:background .15s;margin-top:4px}.submit-btn:hover{background:var(--teal-l)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;margin-top:14px}.auth-links button{background:none;border:none;color:var(--teal);font:500 12px/1 Outfit,sans-serif;cursor:pointer;text-decoration:underline}.auth-links button:hover{color:var(--teal-l)}.hdr{background:var(--navy);position:sticky;top:0;z-index:100;box-shadow:0 2px 20px #00000040}.hdr-in{max-width:1700px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.hdr-brand{display:flex;align-items:center;gap:12px}.hdr-logo{width:36px;height:36px;background:var(--gold);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:18px;color:var(--navy);font-weight:800;flex-shrink:0}.hdr-title{color:#fff;font-size:15px;font-weight:700;line-height:1.15}.hdr-title span{display:block;color:var(--gold-l);font-size:11px;font-weight:500;letter-spacing:.4px;margin-top:1px}.hdr-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sel-wrap{display:flex;align-items:center;gap:6px;background:#ffffff14;border-radius:6px;padding:4px 10px}.sel-wrap label{color:#ffffff80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.sel-wrap select{background:#ffffff1f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:5px 24px 5px 8px;border-radius:5px;font:500 12px/1 Outfit,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.sel-wrap select option{color:#333;background:#fff}.hbtn{padding:5px 14px;border:none;border-radius:6px;font:600 11px/1 Outfit,sans-serif;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px}.hbtn-gold{background:var(--gold);color:var(--navy)}.hbtn-gold:hover{background:var(--gold-l)}.hbtn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}.hbtn-o:hover{background:#ffffff14}.hbtn-teal{background:var(--teal);color:#fff}.hbtn-teal:hover{background:var(--teal-l)}.stats{max-width:1700px;margin:14px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.st{background:var(--card);border-radius:10px;padding:12px 14px;border:1px solid var(--border)}.st-l{font-size:10px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px}.st-v{font-size:26px;font-weight:800;margin-top:2px}.st-bar{height:5px;background:var(--border);border-radius:3px;margin-top:6px;overflow:hidden}.st-bar-fill{height:100%;border-radius:3px;transition:width .5s}.tb{max-width:1700px;margin:12px auto 0;padding:0 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tb-search{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:5px 10px;min-width:180px;max-width:280px;flex:1}.tb-search input{border:none;outline:none;font:400 12px/1 Outfit,sans-serif;width:100%;margin-left:5px;background:transparent}.fb{background:var(--card);border:1px solid var(--border);border-radius:7px;padding:5px 11px;font:600 11px/1 Outfit,sans-serif;cursor:pointer;color:var(--txt2);transition:all .12s}.fb:hover,.fb.on{border-color:var(--teal);color:var(--teal);background:#f0fafb}.vt{display:flex;background:var(--card);border:1px solid var(--border);border-radius:7px;overflow:hidden;margin-left:auto}.vt button{padding:5px 12px;border:none;background:transparent;font:600 11px/1 Outfit,sans-serif;cursor:pointer;color:var(--txt2);transition:all .12s}.vt button.on{background:var(--teal);color:#fff}.main{max-width:1700px;margin:12px auto 40px;padding:0 24px}.tw{background:var(--card);border-radius:11px;border:1px solid var(--border);overflow-x:auto;box-shadow:0 1px 3px #00000008}table{width:100%;border-collapse:collapse}thead th{background:var(--navy);color:#fff;padding:8px 10px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.6px;position:sticky;top:0;z-index:10;white-space:nowrap;-webkit-user-select:none;user-select:none}thead th:first-child{border-radius:10px 0 0}thead th:last-child{border-radius:0 10px 0 0}tbody tr{border-bottom:1px solid var(--border);height:var(--row-h)}tbody tr:hover{background:#f8fafc}tbody tr.row-hidden{display:none}td{padding:4px 8px;vertical-align:middle}.sec-hd td{background:linear-gradient(90deg,var(--navy),var(--teal-d));color:#fff;font-weight:700;font-size:12px;padding:8px 10px;cursor:pointer;-webkit-user-select:none;user-select:none}.sec-hd .chv{display:inline-block;transition:transform .2s;margin-right:6px;font-size:10px}.sec-hd.col .chv{transform:rotate(-90deg)}.iin{border:1px solid transparent;border-radius:4px;padding:3px 6px;font:inherit;color:inherit;background:transparent;outline:none;width:100%;transition:border .15s}.iin:hover{border-color:var(--border)}.iin:focus{border-color:var(--teal);background:#f0fafb;box-shadow:0 0 0 2px #1a7a8a1f}.iin:read-only{cursor:default;opacity:.7}.iin:read-only:hover{border-color:transparent}select.iin{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:3px 4px}.iin-text{display:block;min-height:28px;resize:none;overflow:hidden;white-space:pre-wrap}.cb{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}.cb-Interface{background:#dbeafe;color:#1d4ed8}.cb-Milestone{background:#fef3c7;color:#92400e}.cb-Policies{background:#d1fae5;color:#065f46}.cb-Programming{background:#ede9fe;color:#5b21b6}.cb-Reporting{background:#fee2e2;color:#991b1b}.cb-Goal{background:#ccfbf1;color:var(--teal-d)}.ab{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;white-space:nowrap}.ad{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pc{display:flex;align-items:center;gap:6px;min-width:140px}.pt-wrap{flex:1;padding:6px 0;cursor:pointer;position:relative}.pt-wrap.ro{cursor:default}.pt{height:12px;background:var(--border);border-radius:6px;overflow:hidden}.pt-wrap:not(.ro):hover .pt{box-shadow:0 0 0 3px #1a7a8a2e}.pf{height:100%;border-radius:6px;transition:width .25s}.prog-in{width:46px;border:1px solid var(--border);border-radius:5px;padding:3px 4px;font:700 11px/1 Outfit,sans-serif;text-align:center;color:var(--teal);outline:none;background:transparent;transition:border .15s}.prog-in:focus{border-color:var(--teal);background:#f0fafb}.prog-in:read-only{border-color:transparent;cursor:default;opacity:.7}.prog-in:read-only:hover{border-color:transparent}.abtn{width:26px;height:26px;border:none;border-radius:5px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:all .12s;color:var(--txt2)}.abtn:hover{background:#f1f5f9;color:var(--teal)}.abtn.del:hover{color:var(--red);background:#fef2f2}.abtn:disabled{opacity:.25;cursor:not-allowed}.abtn:disabled:hover{background:transparent;color:var(--txt2)}.abtn-hdr{color:#fff9}.abtn-hdr:hover{background:#ffffff26;color:#fff}.add-row{width:100%;border:none;background:transparent;font:600 12px/1 Outfit,sans-serif;color:var(--teal);cursor:pointer;text-align:left;padding:8px 8px 8px 18px;transition:background .12s}.add-row:hover{background:#f0fafb}.ncell{max-width:200px;font-size:11px;color:var(--txt2);line-height:1.35}.gw{background:var(--card);border-radius:11px;border:1px solid var(--border);overflow-x:auto}.gh{display:flex;position:sticky;top:0;z-index:5;background:var(--navy)}.gl{min-width:240px;max-width:240px;padding:7px 10px;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff;border-right:1px solid rgba(255,255,255,.08)}.gds{display:flex;flex:1}.gdc{min-width:26px;max-width:26px;text-align:center;font-size:8px;font-weight:600;padding:3px 0;color:#fff9;border-right:1px solid rgba(255,255,255,.04)}.gdc.we{background:#0000001f}.gdc .dn{font-size:7px;color:#ffffff59}.gdc .dd{font-size:9px}.gr{display:flex;border-bottom:1px solid var(--border);min-height:30px}.gr:hover{background:#f8fafc}.grl{min-width:240px;max-width:240px;padding:5px 10px;font-size:11px;font-weight:500;border-right:1px solid var(--border);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gbs{display:flex;flex:1;position:relative;align-items:center}.gcl{min-width:26px;max-width:26px;height:100%;border-right:1px solid #f0f0f0}.gcl.we{background:#fafafa}.gb{position:absolute;height:16px;border-radius:3px;top:50%;transform:translateY(-50%);opacity:.8;transition:opacity .15s}.gb:hover{opacity:1}.gsr .grl{background:linear-gradient(90deg,var(--navy),var(--teal-d));color:#fff;font-weight:700;font-size:11px}.gsr .gbs{background:#111e3305}.pp-card{background:var(--card);border-radius:11px;border:1px solid var(--border);padding:18px;margin-bottom:12px}.pp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}.pp-item{padding:10px 14px;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:space-between}.pil{font-size:12px;font-weight:600}.tgl{width:38px;height:20px;background:var(--border);border-radius:10px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0}.tgl.on{background:var(--teal)}.tgl:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 2px #00000026}.tgl.on:after{transform:translate(18px)}.tgl.ro{opacity:.4;cursor:default}.toast{position:fixed;bottom:20px;right:20px;background:var(--navy);color:#fff;padding:10px 18px;border-radius:8px;font:500 12px/1 Outfit,sans-serif;box-shadow:0 6px 20px #0003;z-index:300;pointer-events:none;display:flex;align-items:center;gap:6px}.toast.warn{background:var(--amber);color:#000}.autosave-bar{position:fixed;bottom:20px;left:20px;background:var(--card);border:1px solid var(--border);padding:6px 14px;border-radius:7px;font:500 11px/1 Outfit,sans-serif;color:var(--green);display:flex;align-items:center;gap:5px;box-shadow:0 2px 8px #0000000f;pointer-events:none;z-index:300}#admin-app{height:100vh;display:flex;flex-direction:column}.app-header{height:56px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-ix{color:var(--gold);font-weight:800;font-size:18px}.logo-name{color:#fff;font-weight:700;font-size:15px}.logo-tag{background:#c9a84c2e;color:var(--gold);font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.05em}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background .15s}.user-btn:hover{background:#ffffff1a}.u-avatar{width:28px;height:28px;background:var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--navy)}.user-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:160px;overflow:hidden;z-index:200}.user-dropdown button{width:100%;text-align:left;padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;color:var(--txt);transition:background .1s}.user-dropdown button:hover{background:var(--bg)}.user-dropdown button.danger{color:var(--red)}.tab-bar{height:44px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;padding:0 20px;flex-shrink:0}.tab{padding:10px 16px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--txt2);border-bottom:2px solid transparent;transition:all .15s}.tab.active{color:var(--teal);border-bottom-color:var(--teal)}.tab:hover:not(.active){color:var(--txt)}.pane{flex:1;overflow:hidden;display:none;flex-direction:column}.pane.active{display:flex}.split{display:flex;flex:1;overflow:hidden}.sidebar{width:280px;min-width:280px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-hdr{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-hdr h2{font-size:15px;font-weight:700}.client-list{flex:1;overflow-y:auto}.ci{padding:11px 16px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;transition:background .1s}.ci:hover{background:var(--bg)}.ci.sel{background:var(--teal-bg)}.ci-av{width:36px;height:36px;background:var(--teal);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.ci-info{flex:1;min-width:0}.ci-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-id{font-size:11px;color:var(--txt2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--bg)}.detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--txt2);gap:12px}.detail-empty p{font-size:15px}.detail-panel{flex:1;overflow:hidden;display:flex;flex-direction:column}.detail-hdr{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fff;flex-shrink:0}.detail-hdr h2{font-size:16px;font-weight:700}.detail-tid{font-size:12px;color:var(--txt2);margin-top:2px}.users-list{flex:1;overflow-y:auto;padding:8px}.pane-hdr{padding:14px 20px;border-bottom:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pane-hdr h2{font-size:16px;font-weight:700}.pane-body{flex:1;overflow-y:auto;padding:8px}.user-row{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px;display:flex;align-items:center;gap:10px;margin-bottom:4px}.user-row:hover{box-shadow:var(--shadow)}.u-av2{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;background:var(--teal)}.u-info{flex:1;min-width:0}.u-name-row{display:flex;align-items:center;gap:6px}.u-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.you-tag{font-size:11px;color:var(--txt2);font-weight:500;white-space:nowrap}.u-email{font-size:12px;color:var(--txt2)}.u-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.u-login{font-size:11px;color:var(--txt2);white-space:nowrap}.act-cell{position:relative}.act-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;color:var(--txt2);transition:background .1s;display:flex;align-items:center}.act-btn:hover{background:var(--bg);color:var(--txt)}.act-menu{position:absolute;right:0;top:calc(100% + 2px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:148px;z-index:200;overflow:hidden}.act-menu button{width:100%;text-align:left;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:13px;color:var(--txt);transition:background .1s;display:block}.act-menu button:hover{background:var(--bg)}.act-menu button.danger{color:var(--red)}.act-sep{height:1px;background:var(--border);margin:3px 0}.empty-state{text-align:center;padding:48px 20px;color:var(--txt2);font-size:14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-active{background:#dcfce7;color:#16a34a}.badge-active:before{background:var(--green)}.badge-pending{background:#fef3c7;color:#d97706}.badge-pending:before{background:var(--amber)}.badge-disabled{background:#fee2e2;color:#dc2626}.badge-disabled:before{background:var(--red)}.rbadge{padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.r-admin{background:#1e293b;color:#fff}.r-rcm{background:var(--teal-bg);color:var(--teal)}.r-it{background:#eff6ff;color:#2563eb}.r-client{background:#f3e8ff;color:#7c3aed}.r-viewer{background:#f3f4f6;color:#374151}.btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover{background:var(--teal-l)}.btn-secondary{background:var(--bg);color:var(--txt);border-color:var(--border)}.btn-secondary:hover{background:#e5e9ef}.btn-sm{padding:5px 12px;font-size:12px}.icon-btn{width:30px;height:30px;border-radius:6px;background:var(--teal);color:#fff;border:none;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.icon-btn:hover{background:var(--teal-l)}.modal-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box{background:#fff;border-radius:12px;width:100%;max-width:440px;overflow:hidden;box-shadow:0 20px 60px #0003}.modal-hdr{padding:18px 24px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-hdr h3{font-size:16px;font-weight:700}.modal-x{background:none;border:none;cursor:pointer;color:var(--txt2);font-size:22px;padding:0 4px;border-radius:4px;line-height:1}.modal-x:hover{background:var(--bg)}.modal-body{padding:18px 24px}.modal-foot{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.modal-form-group{margin-bottom:14px}.modal-form-group label{display:block;font-size:13px;font-weight:600;color:var(--txt);margin-bottom:5px}.modal-form-group .req{color:var(--red)}.modal-form-group input,.modal-form-group select{width:100%;padding:8px 11px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--txt);background:#fff;outline:none;transition:border-color .15s}.modal-form-group input:focus,.modal-form-group select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a7a8a1a}.modal-hint{font-size:11px;color:var(--txt2);margin-top:4px}.modal-err{font-size:12px;color:var(--red);margin-top:10px;padding:8px 12px;background:#fef2f2;border-radius:6px}footer{max-width:1700px;margin:0 auto 24px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width:768px){.hdr-in,.stats,.tb,.main{padding:0 12px}.st{padding:10px}.st-v{font-size:20px}.gl,.grl{min-width:160px;max-width:160px}}.bp{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:7px;background:linear-gradient(135deg,var(--teal),var(--teal-l));color:#fff;font:600 12px/1 Outfit,sans-serif;cursor:pointer;box-shadow:0 2px 8px #1a7a8a4d;transition:opacity .15s;white-space:nowrap}.bp:hover{opacity:.9}.bp:disabled{opacity:.55;cursor:not-allowed}.bs{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--txt2);font:500 12px/1 Outfit,sans-serif;cursor:pointer;transition:all .15s;white-space:nowrap}.bs:hover{border-color:var(--teal);color:var(--teal)}.bs:disabled{opacity:.55;cursor:not-allowed}.fi{width:100%;padding:8px 11px;border:1.5px solid var(--border);border-radius:7px;background:var(--card);color:var(--txt);font:400 13px/1 Outfit,sans-serif;outline:none;transition:.15s}.fi:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a7a8a1a}.fi::placeholder{color:var(--txt3)}.cst-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.cst-view-banner{background:#fef3c7;border-bottom:1px solid #fde68a;padding:7px 24px;font:600 12px/1 Outfit,sans-serif;color:#92400e;display:flex;align-items:center;gap:8px}.cst-hdr{background:var(--navy);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #0003}.cst-hdr-brand{display:flex;align-items:center;gap:12px}.cst-hdr-mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--teal-l));display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:16px;font-weight:800;color:#fff;box-shadow:0 2px 8px #1a7a8a66;flex-shrink:0}.cst-hdr-title{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.cst-hdr-sub{color:var(--gold-l);font-size:11px;font-weight:500;margin-top:2px}.cst-hdr-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.cst-client-sel{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);color:#fff;padding:5px 28px 5px 10px;border-radius:6px;font:500 12px/1 Outfit,sans-serif;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.cst-client-sel option{color:#333;background:#fff}.cst-save-status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.cst-saving{background:#1a7a8a4d;color:var(--teal-l)}.cst-saved{background:#10b98133;color:#6ee7b7}.cst-save-err{background:#ef444433;color:#fca5a5}.cst-role-chip{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.03em}.cst-hdr-btn{padding:5px 14px;border-radius:6px;font:600 11px/1 Outfit,sans-serif;cursor:pointer;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;transition:all .15s}.cst-hdr-btn:hover{background:#ffffff1a}.cst-hdr-btn-gold{border-color:var(--gold);color:var(--gold)}.cst-hdr-btn-gold:hover{background:#c9a84c26}.cst-user-wrap{position:relative}.cst-user-btn{display:flex;align-items:center;gap:8px;background:none;border:1px solid rgba(255,255,255,.18);color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer;font:500 12px/1 Outfit,sans-serif;transition:background .15s}.cst-user-btn:hover{background:#ffffff14}.cst-user-av{width:26px;height:26px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.cst-chevron{opacity:.5;font-size:10px}.cst-user-dd{position:absolute;top:calc(100% + 6px);right:0;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000002e;min-width:160px;z-index:200;overflow:hidden}.cst-user-dd button{display:block;width:100%;text-align:left;padding:11px 16px;background:none;border:none;cursor:pointer;font:400 13px/1 Outfit,sans-serif;color:var(--txt);transition:background .12s}.cst-user-dd button:hover{background:var(--bg)}.cst-user-dd button.danger{color:var(--red)}.cst-stats{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.cst-stat{flex:1;background:var(--card);padding:10px 20px;display:flex;align-items:center;gap:12px}.cst-stat-n{font-size:22px;font-weight:800;line-height:1}.cst-stat-l{font-size:11px;font-weight:600;color:var(--txt2);text-transform:uppercase;letter-spacing:.4px}.cst-tb{background:var(--card);border-bottom:1px solid var(--border);padding:10px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.cst-search-wrap{display:flex;align-items:center;background:var(--bg);border:1.5px solid var(--border);border-radius:7px;padding:6px 10px;min-width:220px;flex:1;max-width:340px;gap:7px;transition:border-color .15s}.cst-search-wrap:focus-within{border-color:var(--teal)}.cst-search{border:none;outline:none;background:transparent;font:400 13px/1 Outfit,sans-serif;color:var(--txt);width:100%}.cst-search::placeholder{color:var(--txt3)}.cst-filter-sel{padding:6px 28px 6px 10px;border:1.5px solid var(--border);border-radius:7px;background:var(--card);color:var(--txt2);font:500 12px/1 Outfit,sans-serif;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color .15s}.cst-filter-sel:focus{border-color:var(--teal)}.cst-clear-btn{padding:6px 12px;border:1px solid var(--border);border-radius:7px;background:none;color:var(--txt2);font:500 12px/1 Outfit,sans-serif;cursor:pointer;transition:all .15s}.cst-clear-btn:hover{border-color:var(--red);color:var(--red)}.cst-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:var(--txt2)}.cst-empty p{font-size:15px}.cst-tbl-outer{flex:1;overflow:auto;padding:20px 24px 40px}.cst-tbl-card{background:var(--card);border-radius:12px;border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 4px #0000000a}.cst-tbl{width:100%;border-collapse:collapse;min-width:1100px}.cst-tbl thead th{background:var(--navy);color:#ffffffbf;padding:10px 12px;text-align:left;font:700 10px/1 Outfit,sans-serif;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;border-bottom:2px solid var(--gold)}.cst-tbl thead th:first-child{border-radius:0}.cst-tbl tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.cst-tbl tbody tr:last-child{border-bottom:none}.cst-tbl tbody tr:hover{background:#1a7a8a08}.cst-tbl tbody tr.cst-tr-done{opacity:.65}.cst-tbl tbody tr.cst-tr-overdue{background:#ef444408}.cst-tbl tbody tr.cst-tr-overdue:hover{background:#ef44440f}.cst-td{padding:8px 10px;vertical-align:middle}.cst-td-task{min-width:220px}.cst-td-comments{min-width:180px}.cst-in{width:100%;border:1.5px solid transparent;border-radius:5px;padding:5px 7px;font:400 12px/1.3 Outfit,sans-serif;color:var(--txt);background:transparent;outline:none;transition:.12s}.cst-in:hover{border-color:var(--border);background:var(--bg)}.cst-in:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 3px #1a7a8a1a}.cst-in::placeholder{color:var(--txt3)}input[type=date].cst-in{min-width:130px}.cst-in-task{font-weight:500}.cst-in-comment{resize:none;line-height:1.4;min-height:36px;overflow:hidden}.cst-in-overdue{color:var(--red)}.cst-sel{width:100%;border:1.5px solid transparent;border-radius:5px;padding:5px 7px;font:500 12px/1 Outfit,sans-serif;color:var(--txt);background:transparent;outline:none;cursor:pointer;transition:.12s}.cst-sel:hover{border-color:var(--border);background:var(--bg)}.cst-sel:focus{border-color:var(--teal);background:#fff}.cst-cell-txt{font-size:12px;color:var(--txt);padding:5px 7px;display:block}.cst-cell-sub{font-size:11px;color:var(--txt2)}.cst-overdue-txt{color:var(--red);font-weight:600}.cst-pill{display:inline-block;padding:3px 9px;border-radius:20px;font:700 11px/1.2 Outfit,sans-serif;white-space:nowrap}.cst-p-Low{background:#64748b1a;color:#475569}.cst-p-Medium{background:#1a7a8a1f;color:var(--teal)}.cst-p-High{background:#f59e0b1f;color:#b45309}.cst-p-Critical{background:#ef44441f;color:#dc2626}.cst-s-Open{background:#64748b1a;color:#475569}.cst-s-In-Progress{background:#1a7a8a1f;color:var(--teal)}.cst-s-Complete{background:#10b9811f;color:#059669}.cst-s-Closed{background:#111e3314;color:var(--navy)}.cst-del{width:28px;height:28px;border:none;background:transparent;color:var(--txt3);border-radius:5px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .12s}.cst-del:hover{background:#fef2f2;color:var(--red)}.cst-client-tag{font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-bg);padding:2px 8px;border-radius:4px;white-space:nowrap}.cst-modal-bd{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}.cst-modal{background:var(--card);border-radius:14px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 20px 60px #00000040}.cst-modal-hdr{padding:20px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.cst-modal-hdr h3{font-size:16px;font-weight:700;flex:1}.cst-modal-client{font-size:11px;font-weight:600;color:var(--teal);background:var(--teal-bg);padding:2px 9px;border-radius:20px}.cst-modal-x{background:none;border:none;cursor:pointer;color:var(--txt2);font-size:22px;line-height:1;padding:0 4px;border-radius:4px}.cst-modal-x:hover{background:var(--bg)}.cst-modal-body{padding:20px 24px;max-height:70vh;overflow-y:auto}.cst-modal-foot{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.cst-fg{margin-bottom:14px}.cst-fg label{display:block;font-size:11px;font-weight:700;color:var(--txt2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.cst-fg label .req{color:var(--red)}.cst-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cst-modal-err{font-size:12px;color:var(--red);background:#fef2f2;border-radius:6px;padding:8px 12px;margin-top:4px}.cst-footer{padding:8px 24px;background:var(--card);border-top:1px solid var(--border);display:flex;align-items:center;gap:16px;flex-shrink:0}.cst-footer-txt{font-size:11px;color:var(--txt2)}.tracker-wrap{min-height:100vh;display:flex;flex-direction:column}.tracker-wrap>.stats,.tracker-wrap>.tb,.tracker-wrap>.main{width:100%}.tracker-wrap>.main{flex-grow:1;display:flex;flex-direction:column}.tracker-wrap>.main>.tw{flex:1}.page-ft{width:100%;max-width:1700px;margin:0 auto 24px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-ft-brand{display:flex;align-items:center;gap:8px}.page-ft-mark{width:24px;height:24px;background:var(--gold);border-radius:5px;display:flex;align-items:center;justify-content:center;font:800 12px/1 Fraunces,serif;color:var(--navy);flex-shrink:0}.page-ft-name{font-size:12px;font-weight:700;color:var(--navy)}.page-ft-tag{font-size:11px;color:var(--txt2);margin-left:4px}.page-ft-legal{font-size:10px;color:var(--txt3);text-align:right;line-height:1.5}@media (max-width:768px){.cst-hdr{padding:0 12px}.cst-tb{padding:8px 12px}.cst-tbl-outer{padding:12px 12px 40px}.cst-stats{flex-wrap:wrap}.cst-stat{min-width:50%}.cst-grid-2{grid-template-columns:1fr}}