:root{color-scheme:dark;--bg:#0b0b0a;--panel:#171511;--panel2:#11100e;--line:#393329;--gold:#c6a568;--gold2:#e0c48e;--ivory:#eee6d8;--muted:#a49b8d;--green:#a9c39b;--red:#d69a82}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#2a2118 0,transparent 34%),var(--bg);color:var(--ivory);font:15px/1.55 Inter,Segoe UI,Arial,sans-serif;min-height:100vh}.wrap{max-width:1120px;margin:auto;padding:30px 28px 24px}header,.brand,.welcome,.section-head,footer{display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid var(--line);padding-bottom:22px}.brand{justify-content:flex-start;gap:12px;font-size:12px;letter-spacing:2px;line-height:1.3}.brand b{color:var(--gold)}.monogram{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);color:var(--gold);font:20px Georgia}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted)}.gold{color:var(--gold)}h1{font:500 clamp(28px,4vw,43px)/1.12 Georgia,serif;margin:10px 0}h1 i{color:var(--gold);font-weight:400}p{color:var(--muted)}.card{background:linear-gradient(145deg,#1b1915,#12110f);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #0005}.login{max-width:490px;margin:90px auto;padding:38px}.login p{margin:0 0 24px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}input{width:100%;padding:14px;background:#0c0c0b;border:1px solid #514632;border-radius:7px;color:var(--ivory)}button{border:0;border-radius:8px;padding:13px 18px;background:linear-gradient(110deg,#b18b4e,#d7bd87);color:#17130d;font-weight:700;cursor:pointer}form button{width:100%;margin-top:14px}.message{min-height:20px;color:var(--red);font-size:12px;margin-top:12px}.welcome{margin:44px 0 24px;align-items:flex-end}.welcome p{margin:0}.secondary{background:transparent;color:var(--gold);border:1px solid #6b5738}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats .card{padding:20px}.stats small{display:block;letter-spacing:1.5px;color:var(--muted);font-size:10px}.stats strong{display:block;font:32px Georgia,serif;color:var(--gold);margin:10px 0 2px}.stats span{font-size:12px;color:var(--muted)}.projects{padding:24px;margin-top:16px}.section-head{gap:18px}.section-head h2{font:30px Georgia,serif;margin:4px 0 0}.hint{font-size:12px;margin:6px 0 0}.empty{padding:30px 4px;color:var(--muted)}.project-list{margin-top:18px;display:grid;gap:14px}.project-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#171510,#100f0d);padding:18px}.project-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.project-main{min-width:0}.project-main b{display:block;font-size:18px;line-height:1.35;font-weight:650;overflow-wrap:anywhere}.project-main small{display:block;color:var(--muted);font-size:11px;margin-top:7px;overflow-wrap:anywhere}.tag{display:inline-flex;margin-top:10px;color:var(--gold2);border:1px solid #5b4930;border-radius:99px;padding:3px 9px;font-size:10px;letter-spacing:.3px}.project-toggle{flex:none;background:transparent;color:var(--gold);border:1px solid #6b5738;padding:9px 13px;font-size:12px;min-width:118px}.project-toggle:focus-visible,button:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}.project-detail{padding-top:18px}.project-detail[hidden]{display:none!important}.progress-wrap{margin:0 0 18px;padding:14px;background:#0e0d0b;border:1px solid #302a20;border-radius:9px}.progress-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.progress-top b{font-size:13px}.progress-value{color:var(--gold2);font:20px Georgia,serif}.progress-track{height:7px;border-radius:99px;background:#302a20;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#987344,#e0c48e);border-radius:99px;transition:width .25s ease}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.fact{min-width:0;padding:11px;background:#0e0d0b;border:1px solid #302a20;border-radius:8px}.fact small,.fact span{display:block}.fact small{color:var(--muted);font-size:10px;margin-bottom:4px}.fact span{font-size:12px;overflow-wrap:anywhere}.project-detail h3{font:19px Georgia,serif;color:var(--gold2);margin:18px 0 10px}.stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #302a20;border-radius:8px;background:#11100e;font-size:12px}.stage-number{color:var(--gold);font:14px Georgia;flex:none}.stage-name{min-width:0;overflow-wrap:anywhere}.stage small{margin-left:auto;font-size:10px;white-space:nowrap}.done{color:var(--green)}.pending{color:var(--muted)}.detail-note{font-size:11px;margin:14px 0 0}.notice{border-left:2px solid var(--gold);padding:14px 18px;margin-top:18px;background:#18150f}.notice p{margin:5px 0 0;font-size:13px}footer{border-top:1px solid var(--line);margin-top:70px;padding-top:18px;color:var(--muted);font-size:10px;letter-spacing:1.4px}footer span{color:#6d665b}@media(max-width:760px){.wrap{padding:18px 14px 22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats .card{padding:16px}.stats strong{font-size:29px}.login{margin:55px auto;padding:25px}.welcome{align-items:flex-start;gap:14px;flex-direction:column;margin:30px 0 20px}.projects{padding:16px;margin-top:12px}.section-head{align-items:flex-start}.section-head h2{font-size:27px}.section-head .secondary{padding:10px 13px}.project-card{padding:14px}.project-summary{align-items:stretch;flex-direction:column;gap:12px}.project-main b{font-size:16px}.project-toggle{width:100%}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stages{grid-template-columns:1fr}.stage{padding:12px}.notice{padding:13px 15px}footer{margin-top:38px;gap:12px;flex-wrap:wrap;font-size:9px}}
/* Premium clarity refinement */
:root{--bg:#090908;--panel:#15130f;--line:#383126;--gold:#c9a96e;--gold2:#ead3a1;--ivory:#f2ecdf;--muted:#b2a99a;--green:#b8d0a8;--red:#d9a08b}
body{background:radial-gradient(ellipse at 50% -12%,#3a2c1b 0,transparent 42%),linear-gradient(180deg,#0c0b09 0%,#090908 100%);letter-spacing:.01em}
.wrap{max-width:1160px}
.card,.project-card{box-shadow:0 14px 44px #0006;border-color:#3d3529}
.stats .card{position:relative;overflow:hidden;min-height:126px;background:linear-gradient(145deg,#1c1913,#11100d)}
.stats .card:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,#e2c58d,#70532d)}
.stats small{font-size:10px;letter-spacing:1.7px}
.stats strong{font-size:35px;letter-spacing:-.03em}
.projects{background:linear-gradient(145deg,#191712,#100f0d)}
.project-card{padding:20px;background:linear-gradient(145deg,#1a1712,#100f0d)}
.project-main b{font-size:19px;letter-spacing:.005em}
.tag{background:#211b12;color:#e6c98f;border-color:#76603b;font-weight:600}
.project-toggle{min-height:42px;border-radius:8px;font-size:12px;letter-spacing:.02em}
.project-detail{padding-top:20px}
.progress-wrap{padding:17px 18px;background:linear-gradient(120deg,#100e0b,#17130d);border-color:#493b27}
.progress-top b{font-size:15px;letter-spacing:.01em}
.progress-value{font-size:27px;font-weight:600}
.progress-track{height:9px;background:#30291e}
.progress-fill{background:linear-gradient(90deg,#9c7845,#e8cd98);box-shadow:0 0 12px #d3b47755}
.fact{padding:14px;background:#100f0d;border-color:#383126;min-height:76px}
.fact small{font-size:11px;letter-spacing:.02em}
.fact span{font-size:14px;line-height:1.45;color:#eee6d8}
.project-detail h3{font-size:22px;margin:22px 0 12px}
.stages{gap:10px}
.stage{padding:14px 15px;min-height:58px;background:linear-gradient(110deg,#15130f,#100f0d);border-color:#393126;font-size:13px;transition:border-color .18s ease,background .18s ease}
.stage:hover{border-color:#79623d;background:#19150f}
.stage-number{font-size:16px;width:24px}
.stage-name{font-weight:550;color:#eee7db}
.stage small{padding:4px 9px;border-radius:99px;font-size:10px;font-weight:650;letter-spacing:.02em}
.stage .done{color:#c4d9b4;background:#1b2819;border:1px solid #344a2d}
.stage .pending{color:#c0b5a3;background:#211e19;border:1px solid #40382b}
.detail-note{font-size:12px;line-height:1.65;color:#b9b0a2}
.notice{border:1px solid #4c3c25;border-left:3px solid var(--gold);border-radius:10px;background:linear-gradient(110deg,#1b1710,#12100d);padding:17px 19px}
.notice b{color:#e3c78f}
button{transition:filter .18s ease,transform .18s ease}
button:hover{filter:brightness(1.08)}
button:active{transform:translateY(1px)}
@media(max-width:760px){.wrap{padding:15px 12px 22px}.stats .card{min-height:112px;padding:14px}.stats strong{font-size:31px}.projects{padding:15px}.project-card{padding:13px}.progress-wrap{padding:14px}.progress-value{font-size:25px}.fact{min-height:78px;padding:12px}.fact span{font-size:13px}.stage{min-height:57px;padding:12px 13px;font-size:13px}.stage small{font-size:10px}.project-detail h3{font-size:21px}.notice{padding:14px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}