body{margin:0}.login-page{box-sizing:border-box;background:#eaf4fb;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{box-sizing:border-box;background:#fff;border:1px solid #d5e7f1;border-radius:18px;width:100%;max-width:400px;padding:36px;box-shadow:0 10px 35px #315a751a}.login-icon{text-align:center;font-size:42px}.login-card h1{text-align:center;color:#315a75;margin:12px 0 8px;font-size:30px}.login-subtitle{text-align:center;color:#718696;margin:0 0 28px;font-size:14px}.login-card label{color:#315a75;margin:16px 0 7px;font-size:14px;font-weight:600;display:block}.login-card input{box-sizing:border-box;background:#fff;border:1px solid #c5dce9;border-radius:8px;width:100%;padding:12px;font-size:14px;display:block}.login-card input:focus{border-color:#7fb6d4;outline:none;box-shadow:0 0 0 3px #7fb6d433}.login-card button{color:#fff;cursor:pointer;background:#477fa3;border:none;border-radius:8px;width:100%;margin:24px 0 0;padding:13px;font-size:16px;font-weight:600}.login-card button:hover{background:#315f7c}.login-card button:disabled{opacity:.65;cursor:wait}.login-error{color:#c0392b;margin:14px 0 0;font-size:13px}.login-logo{justify-content:center;margin-bottom:16px;display:flex}.login-logo img{object-fit:contain;border-radius:8px;width:180px;max-width:100%;height:auto}body{color:#263746;background:#eaf4fb;margin:0;font-family:Nunito,sans-serif}#root{box-sizing:border-box;max-width:1000px;margin:0 auto;padding:40px 30px}.app-container{width:100%}.app-user-info{color:#315a75;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.app-user-info button{margin:0}.app-header{justify-content:center;align-items:center;gap:32px;margin:0 auto 10px;padding:10px 0;display:flex}.app-shop-logo{object-fit:contain;border-radius:8px;width:20%;max-width:420px;height:auto;display:block}.app-brand-text{text-align:left;flex:1}.app-title{color:#315a75;letter-spacing:.5px;margin:0 0 10px;font-size:34px;font-weight:800}.app-subtitle{color:#718696;margin:0;font-size:15px;line-height:1.5}.app-main{width:100%}h2{color:#315a75;margin-top:25px;margin-bottom:15px}input,select{box-sizing:border-box;color:#263746;background:#fff;border:1px solid #c5dce9;border-radius:8px;margin:5px;padding:11px 12px;font-size:14px}input:focus,select:focus{border-color:#7fb6d4;outline:none;box-shadow:0 0 0 3px #7fb6d433}button{color:#315a75;cursor:pointer;background:#d8edf8;border:1px solid #a9ccdf;border-radius:8px;margin:5px;padding:10px 16px;font-size:14px;transition:all .2s}button:hover{background:#c5e3f2}button:disabled{color:#9aa9b3;cursor:not-allowed;background:#edf2f5}table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #cfe2ec;border-radius:10px;width:100%;margin-top:20px;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #e1edf3;padding:13px 14px}th{color:#315a75;background:#d8edf8;font-weight:700}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f4faff}table+div{text-align:center;margin-top:15px}@media (width<=600px){#root{padding:24px 16px}.app-header{gap:16px}.app-shop-logo{width:42%}.app-title{font-size:23px}.app-subtitle{font-size:12px}th,td{padding:9px 8px}}.app-navigation{border-bottom:1px solid #dbe4f0;gap:10px;margin:20px 0;padding-bottom:12px;display:flex}.app-navigation button{color:#315a75;cursor:pointer;background:#d8edf8;border:1px solid #a9ccdf;border-radius:8px;padding:10px 22px;font-size:15px;transition:all .2s}.app-navigation button:hover{background:#a9d4ea}.app-navigation button.active{color:#315a75;background:#c5e3f2;border-color:#a9ccdf}