html,body,#root{margin:0;min-height:100%}body{background:#f5f5f5}.app-logo{display:flex;align-items:center;gap:10px;height:64px;padding:0 20px;color:#fff;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden}.app-logo img{width:32px;height:32px;border-radius:4px;background:#000}.app-header{display:flex;align-items:center;gap:12px;padding:0 16px!important;background:#fff!important;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10}.app-user{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.app-content{padding:24px}@media(max-width:767px){.app-content{padding:12px}}.page-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h3{margin:0!important}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#111}.consumption-row{padding:10px 12px;border:1px solid #f0f0f0;border-radius:8px;background:#fff}.consumption-row--off{background:#fafafa}.consumption-row__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.app-sider{position:sticky!important;top:0;height:100vh;overflow-y:auto}.big-action.ant-btn{min-height:52px;font-size:16px}.material-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.material-groups .ant-btn,.qty-stepper .ant-btn{min-height:48px;min-width:48px}.qty-stepper .ant-input-number-input{height:46px;text-align:center;font-size:16px}.consumption-row__check{min-height:40px;align-items:center}.material-pick{cursor:pointer;min-height:56px}.material-pick mark{background:#ffe58f;padding:0}.techcard-plate{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:12px;border:1px dashed #d9d9d9;border-radius:8px;background:#fff}