:root{--navy: #1c244b;--navy-deep: #00034b;--indigo: #5a33ea;--indigo-soft: #ede8fc;--coral: #ff5c5c;--green: #1b8a4b;--green-strong: #136336;--green-soft: #e4f3ea;--amber: #f5821f;--amber-soft: #fff1e3;--red: #e23140;--red-soft: #fdecee;--bg: #f5f6fa;--card: #ffffff;--text: #1c244b;--muted: #6a7192;--border: #e4e7f0;--ring: rgba(90, 51, 234, .16);--sh-sm: 0 1px 2px rgba(28, 36, 75, .06);--sh-md: 0 2px 10px rgba(28, 36, 75, .08);--sh-lg: 0 16px 40px rgba(28, 36, 75, .16);--rc: 16px;--ri: 10px;--pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Montserrat,system-ui,sans-serif;margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.wrap{max-width:460px;margin:0 auto;padding:20px 16px 40px}.brand{display:flex;align-items:center;gap:10px;margin:8px 2px 18px}.brand .logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6e4bf0,var(--navy));box-shadow:var(--sh-md);flex:none;color:#fff;font-weight:800}.brand h1{font-size:1.05rem;font-weight:700;margin:0;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-weight:500;font-size:.72rem;letter-spacing:.02em}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--rc);box-shadow:var(--sh-sm)}.login{padding:30px 24px;text-align:center}.login h2{margin:14px 0 4px;font-size:1.15rem}.login p{color:var(--muted);font-size:.85rem;margin:0 0 20px}.field{margin-bottom:12px;text-align:left}.field label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:6px}input[type=text],input[type=email],input[type=password]{width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:var(--ri);font:inherit;background:#fff;outline:none;transition:.15s;color:var(--text)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--ring)}select{width:100%;padding:13px 14px;border:1.5px solid var(--border);border-radius:var(--ri);font:inherit;background:#fff;outline:none;color:var(--text)}.field-error{color:var(--red);font-size:.76rem;font-weight:600;margin-top:4px}.btn{font:inherit;font-weight:700;font-size:.95rem;padding:14px;border-radius:var(--ri);border:1.5px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s;box-shadow:var(--sh-sm)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-full{width:100%;background:linear-gradient(135deg,#6e4bf0,var(--navy));color:#fff;border:0;padding:14px;border-radius:var(--ri);font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:var(--sh-md)}.btn-secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg)}.btn-danger{background:#fff;color:var(--red);border-color:#f0c9c9}.btn-danger:hover{background:var(--red-soft)}.btn-danger-solid{background:var(--red);color:#fff}.err{background:var(--red-soft);color:var(--red);border:1px solid #f0c9c9;padding:10px;border-radius:var(--ri);font-size:.82rem;font-weight:600;margin-bottom:12px}.ok{background:var(--green-soft);color:var(--green-strong);border:1px solid #bfe3cd;padding:10px;border-radius:var(--ri);font-size:.82rem;font-weight:600;margin-bottom:12px}.sec{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:22px 4px 10px}.empty{color:var(--muted);font-size:.85rem;text-align:center;padding:20px}.header{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:1px solid var(--border)}.header-inner{max-width:460px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:10px}.header .brand{margin:0;flex:1}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text);display:grid;place-items:center;width:36px;height:36px;border-radius:var(--ri)}.icon-btn:hover{background:var(--bg)}.dropdown-content{min-width:180px;background:var(--card);border:1px solid var(--border);border-radius:var(--ri);box-shadow:var(--sh-lg);padding:6px}.dropdown-item{padding:10px 12px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;outline:none;color:var(--text)}.dropdown-item:hover,.dropdown-item[data-highlighted]{background:var(--bg)}.nav{display:flex;gap:6px;max-width:460px;margin:0 auto;padding:10px 16px 0}.nav a{flex:1;text-align:center;padding:9px 8px;border-radius:var(--pill);font-size:.82rem;font-weight:600;color:var(--muted);text-decoration:none;border:1px solid transparent}.nav a.active{background:var(--indigo-soft);color:var(--indigo);border-color:var(--indigo-soft)}.list{list-style:none;margin:0;padding:0}.list li{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:8px;box-shadow:var(--sh-sm)}.list .txt{flex:1;min-width:0}.list .txt strong{display:block;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .txt span{display:block;color:var(--muted);font-weight:500;font-size:.76rem;margin-top:1px}.badge{font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:var(--pill);background:var(--indigo-soft);color:var(--indigo);white-space:nowrap}.list .row-acts{display:flex;gap:4px}.fab-row{display:flex;justify-content:flex-end;margin-bottom:12px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c244b80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50}.dialog-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 32px);max-width:420px;max-height:85vh;overflow-y:auto;background:var(--card);border-radius:var(--rc);box-shadow:var(--sh-lg);padding:20px;z-index:51}.dialog-content h3{margin:0 0 14px;font-size:1.05rem}.dialog-actions{display:flex;gap:10px;margin-top:18px}.dialog-actions .btn{flex:1}.center-page{min-height:100%;display:grid;place-items:center;padding:20px 16px}