*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:#262229;background:#f6f5f7;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.login-page{color:#fff;background:radial-gradient(circle at top,#27102b 0%,#111 36%,#070707 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#111;border:1px solid #333;border-radius:20px;width:100%;max-width:520px;padding:38px;box-shadow:0 28px 80px #0000008c}.brand{justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.warehouse-logo{object-fit:contain;width:auto;max-width:100%;height:90px;margin:0 auto 18px;display:block}.warehouse-badge{color:#d993de;letter-spacing:1px;background:#891a911f;border:1px solid #891a91;border-radius:999px;width:fit-content;margin:30px auto;padding:9px 15px;font-size:12px;font-weight:700}.login-heading{margin-bottom:28px}.login-heading h1{margin-bottom:8px;font-size:30px}.login-heading p{color:#9f9f9f;font-size:15px;line-height:1.5}.login-form{flex-direction:column;display:flex}.login-form label{color:#ccc;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:13px;font-weight:700}.login-form input{color:#fff;background:#181818;border:1px solid #3c3c3c;border-radius:10px;outline:none;height:56px;margin-bottom:20px;padding:0 16px;font-size:16px}.login-form input:focus{border-color:#891a91;box-shadow:0 0 0 3px #891a912e}.login-form button{color:#fff;cursor:pointer;letter-spacing:1px;background:#891a91;border:0;border-radius:10px;height:58px;margin-top:6px;font-size:16px;font-weight:800}.login-form button:hover{background:#9f24a8}.login-form button:disabled{opacity:.65;cursor:wait}.login-status{color:#d8d8d8;text-align:center;background:#171717;border:1px solid #3b3b3b;border-radius:8px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.4}.system-status{color:#8d8d8d;letter-spacing:1.3px;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:11px;font-weight:700;display:flex}.status-dot{background:#36c978;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #36c978a6}.login-card footer{text-align:center;color:#686868;border-top:1px solid #2c2c2c;margin-top:24px;padding-top:20px;font-size:11px}.dashboard-page{color:#262229;background:radial-gradient(circle at 100% 0,#891a9114,#0000 30%),#f6f5f7;min-height:100vh;padding:26px}.dashboard-shell{width:100%;max-width:1380px;margin:0 auto}.dashboard-header{background:#fff;border:1px solid #e3dee5;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;min-height:86px;padding:15px 21px;display:flex;box-shadow:0 5px 22px #2d22300b}.dashboard-brand{align-items:center;gap:18px;display:flex}.dashboard-logo{object-fit:contain;background:#211d22;border-radius:9px;width:auto;max-width:260px;height:58px;padding:7px 12px;display:block}.dashboard-brand-text{flex-direction:column;gap:3px;display:flex}.dashboard-brand-text span{color:#891a91;letter-spacing:.14em;font-size:8px;font-weight:900}.dashboard-brand-text strong{color:#4e4851;font-size:13px}.dashboard-user{align-items:center;gap:18px;display:flex}.dashboard-user>div{text-align:right;flex-direction:column;display:flex}.dashboard-user strong{color:#2f2931;font-size:13px}.dashboard-user span{color:#89828b;letter-spacing:.05em;text-transform:uppercase;margin-top:4px;font-size:9px;font-weight:700}.logout-button{color:#554e57;cursor:pointer;background:#fff;border:1px solid #ded8e0;border-radius:7px;height:37px;padding:0 15px;font-size:9px;font-weight:900}.logout-button:hover{color:#891a91;background:#fcf8fc;border-color:#891a91}.dashboard-welcome{background:#fff;border:1px solid #e3dee5;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:27px 29px;display:flex;box-shadow:0 5px 22px #2d22300a}.dashboard-eyebrow{color:#891a91;letter-spacing:.16em;font-size:9px;font-weight:900}.dashboard-welcome h1{color:#262229;letter-spacing:-.035em;margin-top:6px;font-size:29px}.dashboard-welcome p{color:#827b84;margin-top:7px;font-size:12px}.online-badge{color:#287445;letter-spacing:.08em;background:#eef9f2;border:1px solid #b8ddc4;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:900;display:flex}.dashboard-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-top:27px;display:flex}.dashboard-section-heading>div>span{color:#891a91;letter-spacing:.16em;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.dashboard-section-heading h2{color:#302a32;font-size:20px}.dashboard-section-heading>p{color:#8a838c;font-size:10px}.dashboard-section-spaced{margin-top:31px}.operation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px;display:grid}.operation-card{color:#262229;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2dce4;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:143px;padding:19px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:0 4px 15px #2d223009}.operation-card:hover{border-color:#b77abc;transform:translateY(-2px);box-shadow:0 8px 24px #41254414}.primary-operation{background:linear-gradient(145deg,#891a9113,#fff 67%);border-color:#c38dc7}.operation-icon{color:#891a91;background:#f3e7f4;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:13px;font-size:18px;font-weight:900;display:flex}.operation-card strong{color:#2f2931;letter-spacing:.025em;font-size:15px}.operation-card small{color:#89828b;margin-top:5px;font-size:10px;line-height:1.4}.utility-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px;display:grid}.utility-card{background:#fff;border:1px solid #e3dee5;border-radius:10px;align-items:center;gap:12px;min-height:79px;padding:14px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.utility-card:hover{border-color:#bc87c1;transform:translateY(-1px)}.utility-icon{color:#891a91;background:#f3e7f4;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:900;display:flex}.utility-card>div{flex-direction:column;gap:4px;display:flex}.utility-card strong{color:#39323b;font-size:11px}.utility-card small{color:#8a838c;font-size:9px;line-height:1.3}.workflow-panel{color:#fff;background:#2d2730;border-radius:12px;margin-top:28px;padding:21px}.workflow-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.workflow-header span{color:#d5b9d8;letter-spacing:.15em;margin-bottom:4px;font-size:7px;font-weight:900;display:block}.workflow-header h2{font-size:16px}.workflow-header>strong{color:#80d59d;letter-spacing:.08em;background:#25372b;border:1px solid #476852;border-radius:999px;padding:6px 10px;font-size:8px}.workflow-grid{grid-template-columns:1fr 1.35fr;gap:11px;margin-top:17px;display:grid}.workflow-group{background:#373039;border:1px solid #49414c;border-radius:9px;padding:14px}.workflow-type{color:#cdbfd0;letter-spacing:.13em;margin-bottom:10px;font-size:7px;font-weight:900;display:block}.workflow-path{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.workflow-path span{color:#fff;background:#4a414d;border-radius:5px;padding:6px 9px;font-size:8px;font-weight:800}.workflow-path b{color:#b16cb6;font-size:11px}.quick-scan-panel{background:#fff;border:1px solid #e3dee5;border-radius:11px;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:18px;padding:20px 21px;display:grid}.quick-scan-label{color:#891a91;letter-spacing:.14em;font-size:8px;font-weight:900}.quick-scan-panel h2{margin-top:5px;font-size:16px}.quick-scan-panel p{color:#89828b;margin-top:5px;font-size:10px}.quick-action-buttons{gap:8px;display:flex}.quick-action{color:#fff;background:#891a91;border:1px solid #891a91;border-radius:7px;justify-content:center;align-items:center;height:38px;padding:0 14px;font-size:8px;font-weight:900;text-decoration:none;display:flex}.secondary-quick-action{color:#891a91;background:#fff}.dashboard-footer{background:#fff;border:1px solid #e3dee5;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;padding:14px 17px;display:grid}.dashboard-footer div{color:#989199;letter-spacing:.1em;flex-direction:column;gap:5px;font-size:7px;font-weight:900;display:flex}.dashboard-footer strong{color:#49424b;font-size:9px}.dashboard-footer .online-text{color:#2b7b49}@media (max-width:950px){.dashboard-page{padding:16px}.operation-grid,.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-grid,.quick-scan-panel{grid-template-columns:1fr}.dashboard-brand-text{display:none}}@media (max-width:600px){.dashboard-page{padding:11px}.dashboard-header{padding:12px}.dashboard-logo{max-width:180px;height:46px}.dashboard-user{gap:8px}.dashboard-user>div{display:none}.logout-button{padding:0 10px;font-size:8px}.dashboard-welcome{padding:20px}.dashboard-welcome h1{font-size:24px}.online-badge{display:none}.dashboard-section-heading{flex-direction:column;align-items:flex-start;gap:5px}.operation-grid{grid-template-columns:1fr 1fr;gap:9px}.operation-card{min-height:132px;padding:14px}.operation-card strong{font-size:13px}.operation-card small{font-size:9px}.utility-grid{grid-template-columns:1fr}.workflow-path{gap:5px}.quick-action-buttons{flex-direction:column}.quick-action{width:100%}.dashboard-footer{grid-template-columns:1fr 1fr}}