@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--brand-gold: #C9975F;--brand-taupe: #B0603A;--brand-taupe-dark: #B0603A;--brand-taupe-darker: #2B2420;--brand-bg-soft: #F3EAD9;--surface-0: #E9E3D6;--surface-1: #FFFFFF;--surface-2: #F8F4EB;--text-primary: #2B2420;--text-secondary: #6B6154;--text-muted: #9C9186;--border: rgba(43, 36, 32, .08);--radius: 8px;--success-bg: #E7F3E1;--success-text: #3B6D24;--warning-bg: #FBF1E2;--warning-text: #C2812C;--danger-bg: #FBEAE6;--danger-text: #A13A2E;--info-bg: #E1EEF7;--info-text: #3A6B8C;--accent-gold-1: #C9975F;--accent-gold-2: #B0603A;--nav-bg: #201B15;--nav-icon-inactive: #A99B7E;--nav-icon-active: #B0603A}*{box-sizing:border-box;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--surface-0)}a,button,[role=button],input,textarea,select{-webkit-tap-highlight-color:transparent;outline:none}.app-shell{padding:1rem 0}.phone-frame{width:390px;max-width:100%;margin:0 auto;background:var(--surface-1);border-radius:28px;border:1px solid var(--border);padding:14px;height:100vh;max-height:900px;display:flex;flex-direction:column;box-shadow:0 30px 60px -20px #32281959,0 0 0 10px #2a251e,0 0 0 12px #00000026}.app-page{display:flex;flex-direction:column;flex:1;min-height:0}@media (max-width: 480px){.app-shell{padding:0}.phone-frame{width:100%;border-radius:0;border:none;height:100dvh;max-height:none;box-shadow:none}}.header{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 16px}.header-left{display:flex;align-items:center;gap:10px}.header-logo-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.header-logo{width:44px;height:44px;object-fit:contain}.header-title{font-size:19px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.avatar-btn{width:46px;height:46px;border-radius:50%;background:var(--surface-1);border:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--brand-taupe-dark);cursor:pointer;flex-shrink:0;box-shadow:0 1px 3px #2b242014}.avatar-btn-profile{background:var(--brand-taupe-darker);color:var(--brand-bg-soft)}.icon-chip{width:38px;height:38px;border-radius:12px;background:var(--brand-bg-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-taupe-dark);font-size:18px}.icon-chip-white{background:#fff}.icon-chip-lg{width:42px;height:42px;border-radius:13px;font-size:20px}.icon-chip-sm{width:32px;height:32px;border-radius:10px;font-size:16px;margin-bottom:10px}.icon-chip-xl{width:52px;height:52px;border-radius:16px;font-size:24px}.icon-chip-danger{background:var(--danger-bg);color:var(--danger-text)}.icon-chip-warning{background:var(--warning-bg);color:var(--warning-text)}.gradient-highlight-card{background:linear-gradient(135deg,#f1e4c9,#ead9b4);border-radius:20px!important}.screen-body{background:#fff;border-radius:28px;border:1px solid rgba(43,36,32,.08);box-shadow:0 1px 2px #2b242008;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-scroll{flex:1;min-height:0;overflow-y:auto;padding:4px 20px 100px;display:flex;flex-direction:column}.page-title{font-size:21px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin:10px 0 2px}.page-subtitle{font-size:13.5px;color:var(--text-muted);margin:0 0 18px}.back-btn{border:none;background:transparent;padding:0;font-size:20px;color:var(--text-secondary);display:flex;align-items:center;cursor:pointer}.card{background:var(--surface-1);border:none;border-radius:18px;padding:15px 16px;margin-bottom:12px;box-shadow:0 1px 2px #2b24200a,0 8px 20px -14px #2b24202e}.card-row{display:flex;align-items:center;gap:10px}.card-row{transition:transform .18s ease,box-shadow .18s ease}.card-row:hover{transform:translateY(-2px);box-shadow:0 14px 26px -16px #2b242047}.card-row:active{transform:scale(.98)}.badge{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:100px;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-neutral{background:var(--brand-bg-soft);color:var(--brand-taupe-dark)}.btn{font-size:13.5px;font-weight:600;padding:11px 15px;border-radius:100px;border:1px solid rgba(43,36,32,.12);background:var(--surface-1);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{background:var(--brand-bg-soft)}.btn:active{transform:scale(.98)}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--accent-gold-1),var(--accent-gold-2));color:#fff;border:none;font-size:14.5px;font-weight:700;padding:15px;box-shadow:0 10px 22px -12px #b0603a8c}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px #b0603a99;background:linear-gradient(135deg,var(--accent-gold-1),var(--accent-gold-2))}.btn-danger{color:var(--danger-text);border-color:#a13a2e59}.btn-danger:hover{background:var(--danger-bg)}.section-label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}.field-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(43,36,32,.06)}.field-row:last-child{border-bottom:none}.field-label{font-size:13.5px;color:var(--text-secondary)}.field-value{font-size:13.5px;font-weight:600;color:var(--text-primary)}.bottom-nav{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:84%;height:66px;background:var(--nav-bg);border-radius:33px;display:flex;box-shadow:0 18px 30px -12px #140f088c;animation:floatIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s;z-index:5}.nav-btn{position:relative;z-index:2;flex:1;background:transparent;border:none;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;text-decoration:none;opacity:1;transition:opacity .25s ease}.nav-btn.active{opacity:0}.nav-btn-bump{position:absolute;z-index:3;top:7px;width:52px;height:52px;border-radius:50%;background:#fff;color:var(--brand-taupe-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -4px #00000059;transform:translate(-50%);transition:left .38s cubic-bezier(.34,1.56,.64,1)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.metric-card{background:var(--surface-1);border-radius:18px;padding:15px;box-shadow:0 1px 2px #2b24200a,0 8px 20px -14px #2b24202e}.metric-label{font-size:12px;font-weight:600;color:var(--text-muted);margin:0 0 4px}.metric-value{font-size:19px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;margin:0}input,select,textarea{width:100%;height:36px;border-radius:var(--radius);border:1px solid var(--border);padding:0 10px;font-size:14px;background:var(--surface-1);color:var(--text-primary)}textarea{height:auto;padding:8px 10px}label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:4px}.form-group{margin-bottom:12px}@keyframes screenInRight{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.anim-screen-in-right{animation:screenInRight .38s cubic-bezier(.22,1,.36,1) both}@keyframes pulseDot{0%{box-shadow:0 0 #a13a2e8c}70%{box-shadow:0 0 0 7px #a13a2e00}to{box-shadow:0 0 #a13a2e00}}.anim-pulse-dot{animation:pulseDot 2.2s infinite}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.splash-stage{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .35s ease}.splash-stage-exit{opacity:0}.splash-glow{position:absolute;top:-72px;left:50%;transform:translate(-50%);width:505px;height:505px;border-radius:50%;background:radial-gradient(circle,#fffcf6e6,#fffcf600 70%)}.splash-logo{width:152px;height:152px;display:flex;align-items:center;justify-content:center;perspective:800px;animation:logoDrop .9s cubic-bezier(.34,1.56,.64,1) both,logoShine 1.8s ease-in-out .9s 1}.splash-logo img{width:100%;height:100%;object-fit:contain}.splash-title{margin:20px 0 0;font-size:27px;font-weight:800;color:#3a2e1a;letter-spacing:.3px;animation:textUp .6s cubic-bezier(.22,1,.36,1) 1s both}.splash-slogan{margin:6px 0 0;font-size:13px;font-weight:600;color:#a9863f;letter-spacing:1.4px;text-transform:uppercase;animation:sloganUp .6s cubic-bezier(.22,1,.36,1) 1.35s both}.splash-spinner{position:absolute;bottom:32px;width:23px;height:23px;border-radius:50%;border:2px solid rgba(169,134,63,.35);border-top-color:#a9863f;animation:spin .9s linear infinite,sloganUp .4s ease 1.6s both}@keyframes logoDrop{0%{transform:translateY(-43px) scale(.3) rotateX(45deg);opacity:0}55%{transform:translateY(7px) scale(1.08) rotateX(0);opacity:1}75%{transform:translateY(-3px) scale(.98)}to{transform:translateY(0) scale(1)}}@keyframes logoShine{0%,60%{filter:brightness(1) drop-shadow(0 20px 40px rgba(255,255,255,.5))}75%{filter:brightness(1.35) drop-shadow(0 20px 50px rgba(255,255,255,.8))}to{filter:brightness(1) drop-shadow(0 20px 40px rgba(255,255,255,.5))}}@keyframes textUp{0%{transform:translateY(11px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sloganUp{0%{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.splash-logo,.splash-title,.splash-slogan,.splash-spinner{animation:none!important;opacity:1!important;transform:none!important}}.login-splash-stage{position:relative;flex:1 1 auto;min-height:560px;border-radius:16px;overflow:hidden;background:#faf8f4;border:1px solid rgba(20,16,8,.05);opacity:0;animation:loginCardFade .25s ease-out 0s forwards}.login-splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center top}.login-splash-form{position:absolute;left:24px;right:24px;bottom:30px;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(16px);animation:loginFormFade .5s cubic-bezier(.22,1,.36,1) .1s forwards}.login-splash-form label{font-size:13px;font-weight:700;color:#000}.login-splash-form input{height:46px;border-radius:12px;border:1px solid #E7E2D6;background:#fff}.login-splash-btn{height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%}.login-splash-btn:disabled{opacity:.7;cursor:default}.login-splash-btn-primary{background:linear-gradient(135deg,#c9975f,#b0603a);color:#fff;font-size:15px;font-weight:700;box-shadow:0 10px 22px -12px #b0603a8c;border:none}.login-splash-btn-secondary{background:#fff;border:1px solid #E7E2D6;color:#3d3830;font-size:14.5px;font-weight:500}.login-splash-footer{text-align:center;font-size:11.5px;color:#aea89c;margin:4px 0 0}@keyframes loginCardFade{to{opacity:1}}@keyframes loginFormFade{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.login-splash-stage,.login-splash-form{animation:none!important;opacity:1!important;transform:none!important}}