:root{--bg:#f4f6f8;--panel:#fff;--ink:#17212b;--muted:#667482;--line:#dfe5ea;--primary:#145c55;--primary2:#0d4944;--danger:#b42318;--warning:#a15c00;--shadow:0 8px 30px rgba(23,33,43,.07);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid #cbd4dc;border-radius:9px;background:#fff;padding:.75rem .85rem;color:var(--ink)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(20,92,85,.14);border-color:var(--primary)}label{display:grid;gap:.4rem;font-weight:650;font-size:.9rem}label small,small{font-weight:400;color:var(--muted)}h1,h2,p{margin-top:0}h1{font-size:clamp(1.65rem,3vw,2.35rem);margin-bottom:.3rem}h2{font-size:1.1rem}.container{max-width:1280px;margin:auto;padding:2rem 1.25rem 4rem}.auth-container{display:grid;place-items:center;min-height:100vh}.topbar{height:68px;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 1.25rem;gap:1.4rem}.brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:800;font-size:1.05rem}.brand:hover{text-decoration:none}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;font-size:.78rem;letter-spacing:.04em}.brand-mark.large{width:54px;height:54px;border-radius:14px;font-size:1rem}.nav{display:flex;align-items:center;gap:.2rem;flex:1}.nav a{padding:.55rem .75rem;border-radius:7px;color:#44515d;font-weight:650;font-size:.9rem}.nav a:hover,.nav a.active{background:#e9f3f1;color:var(--primary);text-decoration:none}.account{display:flex;gap:.85rem;align-items:center;font-size:.88rem}.nav-toggle{display:none;background:none;border:0;font-size:1.45rem}.link-button{background:none;border:0;padding:0;color:var(--primary);cursor:pointer}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.title-line,.actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.muted{color:var(--muted)}.eyebrow,.code{text-transform:uppercase;letter-spacing:.09em;font-weight:800;font-size:.72rem;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd4dc;border-radius:9px;padding:.68rem .95rem;background:#fff;color:var(--ink);font-weight:750;cursor:pointer;white-space:nowrap}.button:hover{text-decoration:none;background:#f7f9fa}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.button.primary:hover{background:var(--primary2)}.button.danger{background:#fff2f0;border-color:#fecaca;color:var(--danger)}.button.small{padding:.42rem .65rem;font-size:.82rem}.button.wide{width:100%}.flash{border-radius:10px;padding:.9rem 1rem;margin-bottom:1.25rem;border:1px solid}.flash.success{background:#eaf7f1;border-color:#a8dac6;color:#135b45}.flash.error{background:#fff1f0;border-color:#f1b4ae;color:#8d2119}.flash ul{margin-bottom:0}.panel,.project-card,.timer-card,.stat,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel{padding:1.25rem;margin-bottom:1.25rem}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.panel-head h2{margin-bottom:.2rem}.stack{display:grid;gap:1.25rem}.narrow{max-width:640px}.auth-card{width:min(430px,100%);padding:2rem}.auth-logo{margin-bottom:1rem}.auth-card h1{font-size:1.55rem}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500}.check input{width:auto}.timer-card{padding:1.3rem 1.5rem;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-left:5px solid var(--primary)}.timer-card.running{background:linear-gradient(105deg,#e9f6f2,#fff)}.timer-card h2{font-size:1.35rem;margin:.2rem 0}.inline-form{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}.inline-form>*{flex:1;min-width:140px}.inline-form .button{flex:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.stat{padding:1.1rem 1.25rem;display:grid;gap:.25rem}.stat span,.stat small{color:var(--muted)}.stat strong{font-size:1.55rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.callout{background:linear-gradient(135deg,#173f3c,#145c55);color:#fff}.callout .button:not(.primary){background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #edf0f2;color:var(--ink)}a.list-row:hover{text-decoration:none;background:#fafbfb}.list-row:last-child{border-bottom:0}.list-row div{display:grid;gap:.15rem}.list-row small{display:block}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#e7efef;border-radius:50%;font-weight:800}.badge{display:inline-flex;width:max-content;border-radius:999px;padding:.28rem .55rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#edf0f2;color:#59636c}.badge.active,.badge.approved{background:#dff3e8;color:#17603f}.badge.draft{background:#edf0f2;color:#59636c}.badge.completed,.badge.submitted{background:#e4eafe;color:#3a4f9c}.badge.rejected,.badge.archived{background:#ffebe9;color:#94251d}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem}.project-card{padding:1.2rem;color:var(--ink);transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(23,33,43,.11);text-decoration:none}.project-card-head,.project-meta{display:flex;justify-content:space-between;gap:.5rem}.project-card h2{font-size:1.15rem;margin:.9rem 0 .3rem}.project-card p{margin-bottom:.4rem}.project-meta{border-top:1px solid var(--line);padding-top:.8rem;margin-top:1rem;color:var(--muted);font-size:.83rem}.filter-bar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.filter-bar input,.filter-bar select{width:auto;min-width:150px;flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:span 2}.selection-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.selection{grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--line);padding:.8rem;border-radius:9px}.selection input{width:auto}.selection span{display:grid}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.8rem .85rem;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f9fa;color:#53606b;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:last-child td{border-bottom:0}.error-text{display:block;color:var(--danger);margin-top:.3rem}.danger-text{color:var(--danger)}.break-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:.75rem;border:1px solid var(--line);padding:.8rem;border-radius:10px;margin-bottom:.6rem}.upload-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.7rem;align-items:end;margin-bottom:1.2rem}.upload-zone{border:2px dashed #b9c7cc;background:#f8fbfb;border-radius:12px;padding:1rem;cursor:pointer;display:flex;align-items:center;gap:.6rem}.upload-zone input{display:none}.upload-zone span{font-size:.78rem;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.photo-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.photo-card img{width:100%;height:170px;object-fit:cover;display:block;background:#e8ecef}.photo-card>div{padding:.7rem;display:grid;gap:.25rem}.photo-card small{display:block}.prose{white-space:pre-wrap;line-height:1.65}.approval-actions{display:flex;gap:.5rem;min-width:350px}.reports-grid{grid-template-columns:.7fr 1.3fr}.empty{text-align:center;color:var(--muted);padding:1.5rem}.pagination{display:flex;gap:.3rem;list-style:none;padding:0}.pagination a,.pagination span{display:inline-block;padding:.45rem .65rem;border:1px solid var(--line);border-radius:7px;background:#fff}
@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}.upload-form{grid-template-columns:1fr 1fr}.upload-zone{grid-column:span 2}.nav-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--line);padding:.75rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.account{display:none}}
@media(max-width:680px){.container{padding:1.2rem .8rem 3rem}.page-head,.timer-card{align-items:stretch;flex-direction:column}.stats,.grid-2,.cards,.form-grid,.selection-list,.reports-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.photo-grid{grid-template-columns:repeat(2,1fr)}.upload-form{grid-template-columns:1fr}.upload-zone{grid-column:auto}.break-row{grid-template-columns:1fr}.filter-bar>*{width:100%!important}.topbar{padding:0 .8rem}.brand span:last-child{display:none}.approval-actions{min-width:270px;flex-direction:column}.inline-form{align-items:stretch}.inline-form>*{width:100%;flex:auto}}

.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.pagination{display:flex;gap:.3rem;list-style:none;padding:0;align-items:center;flex-wrap:wrap}.pagination a,.pagination span{display:inline-block;padding:.45rem .65rem;border:1px solid var(--line);border-radius:7px;background:#fff}.pagination .current{background:var(--primary);border-color:var(--primary);color:#fff}