.form-control{width:100%;margin-top:10px;padding:8px 10px;border-radius:6px;border:1px solid #2a3b4f;background:#0e1a2a;color:#fff;font-size:15px;box-sizing:border-box}.form-control::placeholder{color:#9ab}.custom-select-container{position:relative;width:100%}.custom-select-field{width:100%;padding:10px 12px;background:#0e1a2a;border:1px solid #2a3b4f;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;box-sizing:border-box}.custom-select-field .arrow{opacity:.7}.custom-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#13283d;border:1px solid #2a3b4f;border-radius:8px;z-index:9999;max-height:200px;overflow-y:auto;box-shadow:0 6px 18px #00000073}.custom-select-option{padding:10px 12px;font-size:16px;color:#fff;cursor:pointer}.custom-select-option:hover{background:#1e3b57}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#0f2234;color:#fff;padding:0 20px 20px;border-radius:14px;width:420px;max-width:92%;box-shadow:0 0 25px #00000080;animation:modalPop .17s ease-out;box-sizing:border-box}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width: 600px){.modal-content{padding:0 10px 10px;border-radius:18px;width:95%;max-width:95%}h3{font-size:24px!important;margin-bottom:15px!important}button{font-size:20px;padding:0}}@media (max-width: 380px){.modal-content{padding:0 15px 15px;border-radius:20px}h3{font-size:26px!important}}.modal-close-btn:hover{color:#f66;transform:scale(1.1)}body{margin:0;background:#0b1a2b;font-family:system-ui,sans-serif;color:#fff}.top-nav{display:flex;gap:10px;padding:15px;background:#0d2236;border-bottom:1px solid #113556}.top-nav button{background:transparent;border:1px solid #4b6787;padding:6px 12px;border-radius:6px;color:#88a8c7;cursor:pointer}.top-nav button.active{background:#1b3d5b;border-color:#4fa2f0;color:#e7f3ff}.content{padding:20px 25px}.item-card{background:#102034;padding:15px;border-radius:12px;margin-bottom:12px;border:1px solid #1d3a58}.item-title{font-size:20px;font-weight:600;color:#e7f3ff}.item-sub{font-size:14px;opacity:.85;margin-top:4px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center}.modal-window{background:#0e2337;padding:25px;border-radius:14px;width:420px;border:1px solid #1f3c59}.field{margin-bottom:12px}.field label{display:block;margin-bottom:5px;opacity:.75}.field input,.field select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #335474;background:#081420;color:#c9d9ea}button{background:#1e4e7a;border:none;padding:10px 12px;border-radius:6px;color:#e7f3ff;cursor:pointer;font-size:14px}button:hover{background:#266299}button.danger{background:#7b1c1c}button.danger:hover{background:#9b1818}button.secondary{background:#3b3b3b}button.secondary:hover{background:#4a4a4a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#081420;color:#e4f1ff;border:1px solid #37516c;padding:10px 16px;border-radius:8px;font-size:14px}
