*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--navy: #0C1A3A;--navy2: #1A306B;--navy3: #E8EBF5;--gold: #C8922A;--gold2: #F5DFB0;--gold3: #FFF3D4;--cream: #F5F0E6;--dark: #1C1C1C;--gray: #8A8A8A;--green: #1A7A58;--green2: #E8F5F0;--red: #D94040;--red2: #FEF0F0;--white: #fff;--bg: #F4F4F8;--font: "Montserrat", sans-serif;--shadow: 0 4px 20px rgba(0,0,0,.08);--shadow-lg: 0 8px 40px rgba(0,0,0,.14)}html,body,#root{height:100%;background:var(--bg);font-family:var(--font);overflow:hidden;color:var(--dark)}.screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:13.5px;font-weight:800;font-family:var(--font);cursor:pointer;transition:all .15s;letter-spacing:.03em}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-navy{background:var(--navy);color:#fff}.btn-gold{background:linear-gradient(135deg,var(--gold),#e0a030);color:var(--navy)}.btn-sm{padding:8px 14px;border-radius:9px;font-size:11px;font-weight:700;border:none;cursor:pointer;font-family:var(--font)}.btn-sm-navy{background:var(--navy);color:#fff}.btn-sm-outline{background:transparent;border:1.5px solid var(--gold);color:var(--gold)}.input-wrap{margin-bottom:13px}.input-label{font-size:11.5px;font-weight:700;color:var(--navy2);letter-spacing:.05em;margin-bottom:6px;display:block}.input{width:100%;padding:12px 14px;border:1.5px solid #EBEBEB;border-radius:11px;font-size:13.5px;font-family:var(--font);outline:none;color:var(--dark);transition:all .2s;background:#fff}.input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #0c1a3a0f}.tag{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:99px}.tag-green{background:var(--green2);color:var(--green)}.tag-navy{background:var(--navy3);color:var(--navy2)}.tag-gold{background:var(--gold3);color:#7a4a00}.chip{font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:99px}.chip-draft{background:#f0f0f0;color:var(--gray)}.chip-published{background:var(--green2);color:var(--green)}.chip-verified{background:var(--gold3);color:#7a4a00}.trust-banner{background:linear-gradient(135deg,var(--gold),#e0a030);border-radius:13px;padding:11px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 18px #c8922a59}.trust-banner strong{font-size:14px;color:var(--navy);display:block;font-weight:800}.trust-banner span{font-size:12px;color:#0c1a3ab3;font-weight:600}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #EFEFEF;display:flex;z-index:10;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px #0000000f}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 3px 8px;cursor:pointer;border:none;background:transparent;font-family:var(--font);transition:all .2s}.nav-icon{font-size:20px;transition:transform .2s}.nav-label{font-size:10px;font-weight:700;color:var(--gray);letter-spacing:.03em;margin-top:3px}.nav-item.active .nav-label{color:var(--navy)}.nav-item.active .nav-icon{transform:translateY(-2px)}.toast{position:fixed;bottom:82px;left:50%;transform:translate(-50%) translateY(10px);background:var(--navy);color:#fff;padding:12px 18px;border-radius:12px;font-size:13.5px;font-weight:700;line-height:1.4;z-index:200;opacity:0;transition:all .3s;white-space:normal;width:max-content;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #0c1a3a47;pointer-events:none;text-align:center}.toast.show{pointer-events:auto;cursor:pointer}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.ok{background:var(--green)}.toast.err{background:var(--red)}.empty{text-align:center;padding:36px 18px;display:flex;flex-direction:column;align-items:center;gap:9px}.empty-icon{font-size:42px;opacity:.28}.empty-title{font-size:13.5px;font-weight:800;color:var(--navy2)}.empty-sub{font-size:11.5px;color:var(--gray);line-height:1.5;text-align:center}.spinner{width:26px;height:26px;border:2.5px solid rgba(12,26,58,.1);border-top-color:var(--navy);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:0}