:root{--dark:#101c14;--darker:#0a140e;--ink:#f5f3df;--muted:#b3c2af;--leaf:#abdf89;--orange:#f5a75a;--line:rgba(224,239,207,.13);--card:rgba(19,36,24,.91);--shadow:0 25px 70px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--darker);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}a{text-decoration:none;color:inherit}[hidden]{display:none!important}::selection{background:#adc88c;color:#102016}
.background-effects{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(circle at 91% 8%,rgba(132,179,95,.07),transparent 40%)}.light-orb{position:absolute;top:-290px;right:-190px;width:700px;height:700px;background:radial-gradient(circle,rgba(142,190,99,.10),transparent 67%)}#leaf-particles{position:absolute;inset:0}.leaf{position:absolute;top:-50px;width:14px;height:9px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#dbd89c,#8abb72);opacity:.5;animation:drift-leaf 15s linear infinite}@keyframes drift-leaf{0%{transform:translate(0,-50px) rotate(0);opacity:0}14%{opacity:.65}90%{opacity:.45}100%{transform:translate(var(--drift),110vh) rotate(620deg);opacity:0}}
/* LOGIN SHELL */
.auth-layout{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.07fr) minmax(430px,.93fr)}.story-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;background:linear-gradient(180deg,#142c1b 0%,#315438 48%,#142317 100%);overflow:hidden;border-right:1px solid var(--line)}.story-panel:after{position:absolute;content:"";inset:0;background:linear-gradient(180deg,rgba(4,14,8,.32) 0%,transparent 26%,transparent 55%,rgba(4,14,8,.82) 100%);pointer-events:none}.story-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:34px 6.4%}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.18rem;letter-spacing:.12em;line-height:1.2}.brand small{display:block;font-size:.55rem;font-weight:700;letter-spacing:.35em;margin-top:5px;color:var(--leaf)}.brand-icon{display:grid;place-items:center;width:43px;height:43px;border:2px solid #e1bd85;border-radius:50%;font-size:1.34rem;color:#fbe1ae;font-family:serif;background:rgba(13,28,18,.7);box-shadow:0 0 0 5px rgba(234,199,141,.07)}.story-label{font-size:.65rem;letter-spacing:.16em;color:#ece1b9;opacity:.8}.story-illustration{position:absolute;inset:0}.illustration-sun{position:absolute;top:12%;left:52%;width:min(25vw,310px);height:min(25vw,310px);transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fff0bc 0%,#f2c788 45%,rgba(233,166,94,.24) 65%,transparent 73%);filter:drop-shadow(0 0 45px rgba(243,174,99,.5));animation:solar-pulse 8s ease-in-out infinite}.village-art{position:absolute;bottom:-1px;width:100%;height:79%;filter:drop-shadow(0 0 30px rgba(9,30,17,.4))}.ninja-symbol{position:absolute;top:27%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:92px;height:92px;border:2px solid rgba(239,222,168,.69);border-radius:50%;color:#edd1a1;font-size:3.2rem;opacity:.74;box-shadow:0 0 0 14px rgba(236,220,168,.07);animation:float-ninja 6s ease-in-out infinite}.illustration-caption{position:absolute;top:54%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.57rem;letter-spacing:.38em;color:#f3dcae;text-shadow:0 2px 7px #152518}.illustration-caption span{color:#f4a45b}.story-content{position:relative;z-index:3;max-width:740px;padding:40px 8% 54px}.eyebrow{margin:0;color:var(--leaf);font-size:.65rem;font-weight:900;letter-spacing:.23em}.story-content h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,4vw,4.8rem);line-height:1.06;letter-spacing:-.037em;margin:20px 0}.story-content h1 em{color:#f3b66d;font-weight:normal}.story-content>p:not(.eyebrow){max-width:490px;color:#d0d8c4;line-height:1.85;font-size:.94rem}.story-meta{border-top:1px solid rgba(236,227,193,.2);display:flex;justify-content:space-between;gap:10px;margin-top:29px;padding-top:20px;font-size:.62rem;letter-spacing:.14em;color:#bdc6b3}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9df3a5;box-shadow:0 0 0 3px rgba(147,232,144,.11),0 0 15px rgba(151,235,151,.5);margin-right:7px;vertical-align:middle}@keyframes solar-pulse{50%{filter:drop-shadow(0 0 75px rgba(243,174,99,.7))}}@keyframes float-ninja{50%{transform:translate(-50%,-58%)}}
.auth-panel{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:36px clamp(36px,6.3vw,114px) 24px;background:linear-gradient(140deg,rgba(16,30,20,.97),rgba(7,17,11,.99))}.auth-main{width:100%;max-width:460px;margin:auto}.auth-mobile-logo{display:none}.section-number{font-family:Georgia,serif;color:#f9ba72;font-size:1.25rem}.section-number span{font-family:inherit;font-size:.64rem;letter-spacing:.18em;margin-left:10px;color:#a9b69f}.auth-main h2{font-family:Georgia,serif;font-size:clamp(2.4rem,3.5vw,3.6rem);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:19px 0 16px}.auth-main h2 span{color:#b8dc91}.lead{color:var(--muted);line-height:1.8;font-size:.91rem;margin:0 0 30px}.tab-switch{display:flex;padding:5px;border:1px solid var(--line);background:#0d1a12;border-radius:11px;margin-bottom:28px}.tab-btn{flex:1;border:0;border-radius:8px;padding:12px 5px;color:#a9baa4;font-size:.84rem;font-weight:750;background:transparent;transition:.2s}.tab-btn.active{background:#314d33;color:#f4fce9;box-shadow:0 3px 12px rgba(0,0,0,.3)}.auth-form{display:flex;flex-direction:column}.auth-form label{display:flex;align-items:baseline;justify-content:space-between;font-size:.8rem;font-weight:750;margin:0 0 10px}.auth-form label span{font-size:.58rem;letter-spacing:.15em;font-weight:700;color:#7e977e}.field{position:relative;display:flex;align-items:center;height:54px;border:1px solid rgba(210,230,207,.2);background:#122119;border-radius:10px;margin-bottom:21px;transition:.2s}.field:focus-within{border-color:#a5ca87;box-shadow:0 0 0 3px rgba(154,209,132,.09)}.field-icon{width:47px;text-align:center;color:#d8ad72;font-size:1.45rem}.field input{flex:1;min-width:0;background:transparent;color:var(--ink);border:0;outline:0;font-size:.89rem;padding:0 10px 0 0}.field input::placeholder{color:#788b78}.reveal{border:0;background:transparent;color:#99b59a;font-size:1.25rem;padding:0 15px}.primary-btn{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:10px;background:linear-gradient(100deg,#d3a26f,#f6c789);color:#201b12;padding:17px 21px;margin-top:7px;font-size:.74rem;letter-spacing:.15em;font-weight:900;box-shadow:0 14px 35px rgba(227,164,97,.16);transition:transform .2s,filter .2s}.primary-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-btn span:last-child{font-size:1.4rem}.form-note{font-size:.81rem;text-align:center;color:#a3b2a1;margin:22px 0 12px}.text-link{background:transparent;border:0;color:#f2c087;font-weight:800;padding:0}.security-note{display:flex;align-items:flex-start;gap:13px;margin-top:33px;border:1px solid rgba(131,164,122,.2);background:rgba(104,138,85,.07);border-radius:11px;padding:16px}.shield-icon{color:#b6df98;font-size:1.7rem}.security-note p{margin:0;line-height:1.7;font-size:.74rem;color:#aabdac}.security-note strong{color:#d0e3b8;font-size:.67rem;letter-spacing:.14em}.auth-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:30px;color:#759077;font-size:.58rem;letter-spacing:.1em}.messages{margin-bottom:14px}.alert{border:1px solid rgba(238,161,94,.38);border-radius:9px;padding:12px;font-size:.82rem;line-height:1.5;background:rgba(191,101,71,.14);color:#f3c5a4}.alert.success{border-color:#688e65;background:rgba(119,167,107,.11);color:#d8eeca}
/* DASHBOARD */
.dashboard{position:relative;z-index:1;max-width:1160px;margin:auto;padding:0 24px}.dash-topbar{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.dash-user{display:flex;align-items:center;gap:15px}.dash-user form{margin:0}.user-pill{font-size:.76rem;color:#d6e4d0;background:rgba(84,120,79,.15);border:1px solid var(--line);padding:11px 15px;border-radius:25px}.logout-btn{border:1px solid rgba(238,204,147,.36);border-radius:8px;background:rgba(244,187,107,.06);padding:11px 15px;color:#f3c18c;font-size:.75rem;font-weight:800}.logout-btn:hover{background:rgba(244,187,107,.14)}.dash-hero{margin:37px 0 24px;padding:37px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(232,191,115,.26);border-radius:18px;background:radial-gradient(circle at 90% 30%,rgba(231,171,97,.15),transparent 35%),linear-gradient(118deg,#1a3522,#132319);overflow:hidden}.dash-hero h1{font:600 clamp(2rem,4vw,3.3rem)/1.1 Georgia,serif;letter-spacing:-.04em;margin:15px 0}.dash-hero h1 em{color:#f4b675}.dash-hero p:not(.eyebrow){max-width:520px;color:#b9cdb8;line-height:1.7}.pill-highlight{display:inline-block;font-size:.62rem;letter-spacing:.16em;font-weight:850;color:#d6e8c9;margin-top:10px}.hero-icon{width:200px;display:grid;place-items:center}.chakra-ring{width:156px;height:156px;display:grid;place-items:center;border:2px dashed rgba(246,186,107,.4);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(226,181,107,.055),0 0 55px rgba(229,180,104,.11);color:#f7c481;font-size:6rem;animation:gentle-spin 18s linear infinite}@keyframes gentle-spin{100%{transform:rotate(360deg)}}.upload-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(275px,1fr);gap:22px}.upload-card,.mission-panel{padding:30px;background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:center;gap:14px;margin-bottom:26px}.step-symbol{height:42px;width:42px;display:grid;place-items:center;border:1px solid rgba(244,188,112,.3);border-radius:12px;background:rgba(243,180,100,.09);color:#f5bb78;font-size:.84rem;font-weight:800}.card-heading h2{margin:7px 0 0;font:600 1.5rem Georgia,serif}.upload-zone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;min-height:365px;border:2px dashed rgba(177,216,154,.29);border-radius:15px;background:linear-gradient(130deg,rgba(127,181,105,.045),rgba(231,188,124,.03));text-align:center;padding:35px 22px;transition:.2s}.upload-zone.dragover{border-color:#c5ebaa;background:rgba(124,180,106,.11)}.upload-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(157,213,119,.08),transparent 67%);pointer-events:none}.ninja-plus{position:relative;z-index:1;width:90px;height:90px;display:grid;place-items:center;border:2px solid #d5ab70;border-radius:50%;background:radial-gradient(circle at 25% 22%,#f6dba2,#c88d53 64%,#835331);color:#251c0b;font-size:3.5rem;box-shadow:0 0 0 9px rgba(235,180,106,.06),0 0 0 18px rgba(235,180,106,.03),0 16px 42px rgba(0,0,0,.35);transition:.2s}.ninja-plus:before{content:"";position:absolute;inset:-14px;border:1px dashed rgba(245,198,126,.58);border-radius:50%;animation:gentle-spin 13s linear infinite}.ninja-plus:hover{transform:scale(1.06)}.ninja-plus span{transform:translateY(-5px)}.upload-zone h3{font:600 1.65rem Georgia,serif;margin:27px 0 0}.upload-zone p{max-width:400px;line-height:1.7;font-size:.83rem;color:#afc2a9;margin:12px 0 20px}.secondary-btn{display:flex;justify-content:space-between;gap:36px;border:1px solid #9bba83;background:#263f2a;color:#edf7e6;border-radius:9px;padding:13px 19px;font-size:.71rem;font-weight:800;letter-spacing:.13em}.secondary-btn:hover{background:#395a3d}.upload-zone .file-limit{margin:19px 0 0;font-size:.69rem;color:#748d78}.selected-file{display:flex;align-items:center;gap:14px;background:#1b3322;border:1px solid #405743;border-radius:12px;padding:15px;margin:18px 0}.document-icon{font-size:1.9rem;color:#f5bd7c}.selected-file-text{flex:1;min-width:0}.selected-file-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.84rem}.selected-file-text small{display:block;color:#a5bca6;margin-top:5px}.clear-button{background:transparent;border:0;color:#d3c2a8;font-size:1.7rem}.upload-card>.primary-btn{margin-top:18px}.progress-container{margin-top:18px;color:#bdcbb7;font-size:.76rem}.progress-track{height:8px;background:#1b3322;border-radius:99px;overflow:hidden;margin-bottom:8px}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#99d383,#f2b56b);transition:width .18s}.upload-result{margin-top:18px;border-radius:10px;padding:15px;line-height:1.6;font-size:.83rem}.upload-result.success{background:rgba(113,182,102,.12);border:1px solid rgba(132,201,117,.35);color:#d7edc5}.upload-result.error{background:rgba(188,90,65,.12);border:1px solid rgba(218,123,96,.35);color:#f2bbaa}.intel-box{padding:17px 0;border-bottom:1px solid var(--line)}.intel-box>span{display:block;color:#8ca38b;font-size:.61rem;letter-spacing:.18em;font-weight:800;margin-bottom:10px}.intel-box strong{color:#e9efdf;font-size:.91rem}.intel-box code{display:block;overflow-wrap:anywhere;color:#e6b677;background:rgba(0,0,0,.25);font-size:.69rem;padding:10px;margin-top:11px;border-radius:6px}.intel-box p{line-height:1.65;font-size:.79rem;color:#a6b8a4}.mission-quote{font:italic 1.15rem/1.6 Georgia,serif;color:#d8bc91;margin:31px 0 6px}.dash-footer{display:flex;justify-content:space-between;gap:20px;padding:29px 0;color:#7d947d;font-size:.63rem;letter-spacing:.1em}
@media(max-width:1060px){.auth-layout{grid-template-columns:.95fr 1.05fr}.story-top{padding:26px 5%}.story-content{padding:35px 6%}.auth-panel{padding:30px 8% 22px}.story-label{display:none}}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr}.story-panel{display:none}.auth-panel{min-height:100vh;padding:28px 8% 22px}.auth-main{margin:60px auto}.auth-mobile-logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.12em}.auth-mobile-logo small{font-size:.55rem;color:var(--leaf);margin-left:2px}.upload-grid{grid-template-columns:1fr}.mission-panel{margin-bottom:20px}}
@media(max-width:520px){.auth-panel{padding:22px 19px}.auth-main{margin:45px auto}.section-number span{font-size:.54rem}.auth-main h2{font-size:2.65rem}.auth-footer{font-size:.52rem}.dashboard{padding:0 15px}.dash-topbar{padding:18px 0}.dash-topbar .brand{font-size:.81rem;gap:7px}.dash-topbar .brand small{font-size:.44rem}.dash-topbar .brand-icon{width:36px;height:36px}.user-pill{padding:8px;font-size:.67rem}.dash-user{gap:6px}.logout-btn{padding:9px;font-size:.65rem}.dash-hero{padding:29px 22px;margin:22px 0}.hero-icon{display:none}.upload-card,.mission-panel{padding:21px}.upload-zone{min-height:345px;padding:23px 10px}.dash-footer{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}