:root{--primary:#fd0000;--primary-dark:#8f0000;--primary-light:#fd00001a;--primary-gradient:linear-gradient(270deg, #8f0000 0%, #fd0000 100%);--secondary:#000;--grad-start:#8f0000;--grad-end:#fd0000;--ink-900:#000;--ink-700:#262626;--ink-500:#666;--ink-400:#999;--ink-300:#ccc;--bg:#f7f7f7;--surface:#fff;--border:#e6e6e6;--blue-bg:#fd00001a;--blue-ic:#fd0000;--green-bg:#0000000d;--green-ic:#000;--purple-bg:#0000000d;--purple-ic:#000;--orange-bg:#fd00001a;--orange-ic:#fd0000;--success-bg:#e4f9ee;--success-text:#16a34a;--warn-bg:#fef3e2;--warn-text:#b45309;--rose-bg:#fdebec;--rose-ic:#f04452;--shadow-card:0 1px 2px #0000000a, 0 8px 24px -12px #0000001a;--shadow-header:0 8px 24px -12px #00000014;--shadow-primary:0 10px 24px -8px #fd000073;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:#000;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--ink-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}button{font-family:inherit}a{color:inherit}img{max-width:100%;display:block}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}@media (width>=481px){.app-shell{min-height:100vh;box-shadow:0 0 60px #00000059}}.app-scroll{padding-bottom:calc(78px + var(--safe-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}::-webkit-scrollbar{width:0;height:0}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:480px;padding:10px 4px calc(10px + var(--safe-bottom));z-index:20;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bn-item{color:var(--ink-400);flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 2px;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bn-item.active{color:var(--primary)}.staff-nav{padding-left:2px;padding-right:2px}.staff-nav .bn-item{gap:3px;padding:4px 1px;font-size:10px}.staff-nav .bn-item span{white-space:nowrap}.login-page{background:var(--bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}@media (width>=481px){.login-page{box-shadow:0 0 60px #00000059}}.login-brand{background:linear-gradient(140deg, var(--grad-start), var(--grad-end));color:#fff;padding:calc(52px + var(--safe-top)) 24px 40px;box-shadow:var(--shadow-primary);text-align:center;border-radius:0 0 30px 30px;flex-direction:column;align-items:center;gap:6px;display:flex}.login-logo{background:#ffffff2e;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:8px;display:flex}.login-brand h1{margin:0;font-size:20px;font-weight:800}.login-brand p{color:#fffc;margin:0;font-size:13px}.login-card{flex-direction:column;flex:1;gap:16px;padding:28px 22px;display:flex}.login-card h2{color:var(--ink-900);margin:0;font-size:22px;font-weight:800}.login-sub{color:var(--ink-500);margin:-10px 0 4px;font-size:13px}.login-error{background:var(--rose-bg);color:var(--rose-ic);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px;font-weight:600}.pw-wrap{display:flex;position:relative}.pw-wrap input{flex:1;padding-right:44px!important}.pw-toggle{width:34px;height:34px;color:var(--ink-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-top:4px;padding:15px;font-size:15px;font-weight:700}.login-divider{color:var(--ink-400);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.quick-row{gap:10px;display:flex}.quick-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--ink-700);border-radius:var(--radius-md);cursor:pointer;flex:1;padding:13px;font-size:14px;font-weight:700}.quick-btn:active{border-color:var(--primary);color:var(--primary)}.login-hint{color:var(--ink-400);text-align:center;margin:6px 0 0;font-size:11px;line-height:1.7}.app-header{padding:calc(20px + var(--safe-top)) 20px 22px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-header);color:var(--ink-900);border-radius:0 0 32px 32px;align-items:center;gap:14px;display:flex;position:relative}.avatar{background:var(--primary-light);width:56px;min-width:56px;height:56px;color:var(--primary);border:2px solid var(--primary-light);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.greet{flex:1;min-width:0}.greet-line{color:var(--ink-500);margin:0;font-size:14.5px;font-weight:500}.name-row{align-items:center;gap:8px;margin-top:2px;display:flex}.name-row h1{white-space:nowrap;text-overflow:ellipsis;color:var(--ink-900);margin:0;font-size:21px;font-weight:700;overflow:hidden}.role-chip{background:var(--secondary);color:#fff;border-radius:99px;flex:none;padding:3px 10px;font-size:11.5px;font-weight:600}.tagline{color:var(--ink-500);margin:3px 0 0;font-size:13px}.stat-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);flex-direction:column;gap:8px;min-width:0;padding:16px 14px;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-blue .stat-icon{background:var(--blue-bg);color:var(--blue-ic)}.stat-green .stat-icon{background:var(--green-bg);color:var(--green-ic)}.stat-purple .stat-icon{background:var(--purple-bg);color:var(--purple-ic)}.stat-orange .stat-icon{background:var(--orange-bg);color:var(--orange-ic)}.stat-value{color:var(--ink-900);font-size:24px;font-weight:700;line-height:1}.stat-label{color:var(--ink-500);font-size:12.5px;font-weight:500}.stat-foot{justify-content:space-between;align-items:flex-end;gap:6px;margin-top:2px;display:flex}.stat-sub{color:var(--ink-400);font-size:10.5px;line-height:1.25}.stat-arrow{border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.stat-blue .stat-arrow{background:var(--blue-bg);color:var(--blue-ic)}.stat-green .stat-arrow{background:var(--green-bg);color:var(--green-ic)}.stat-purple .stat-arrow{background:var(--purple-bg);color:var(--purple-ic)}.stat-orange .stat-arrow{background:var(--orange-bg);color:var(--orange-ic)}.schedule-banner{background:var(--primary-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;border:none;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.sb-icon{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.sb-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sb-text strong{color:var(--ink-900);font-size:14.5px}.sb-text span{color:var(--ink-500);font-size:12.5px}.sb-chevron{color:var(--primary);flex:none}.batch-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.batch-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;display:flex}.batch-blue{background:var(--blue-bg);color:var(--blue-ic)}.batch-purple{background:var(--purple-bg);color:var(--purple-ic)}.batch-orange{background:var(--orange-bg);color:var(--orange-ic)}.batch-green{background:var(--green-bg);color:var(--green-ic)}.batch-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.batch-text strong{color:var(--ink-900);font-size:14.5px}.batch-text span{color:var(--ink-500);font-size:12.5px}.batch-right{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.status-pill{background:var(--success-bg);color:var(--success-text);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.batch-chevron{color:var(--ink-300)}.dash-body{flex-direction:column;gap:16px;padding:20px 18px 8px;display:flex}.dash-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.dash-title-row h2{color:var(--ink-900);margin:0;font-size:22px;font-weight:800}.dash-title-row p{color:var(--ink-500);margin:3px 0 0;font-size:12.5px}.date-pill{background:var(--surface);border:1px solid var(--border);color:var(--ink-700);box-shadow:var(--shadow-card);white-space:nowrap;cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.section-head{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.section-head h3{color:var(--ink-900);margin:0;font-size:17px;font-weight:700}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.batch-list{flex-direction:column;gap:10px;display:flex}.att-summary-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.att-summary-card{border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.att-summary-card:nth-child(5){grid-column:span 2}.att-summary-value{color:var(--ink-900);font-size:22px;font-weight:800}.att-summary-label{color:var(--ink-500);font-size:12px;font-weight:600}.sc-present{background:var(--success-bg)}.sc-absent{background:var(--rose-bg)}.sc-half{background:var(--orange-bg)}.sc-leave{background:var(--purple-bg)}.sc-holiday{background:var(--blue-bg)}.att-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:11px 14px;display:flex}.att-row-selfie{background:var(--bg);width:40px;min-width:40px;height:40px;color:var(--ink-300);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.att-row-selfie img{object-fit:cover;width:100%;height:100%}.att-row-date{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.att-row-date strong{color:var(--ink-900);font-size:13.5px}.att-row-date span{color:var(--ink-400);font-size:11.5px}.att-badge{border-radius:99px;flex:none;padding:4px 11px;font-size:11px;font-weight:700}.b-present{background:var(--success-bg);color:var(--success-text)}.b-absent{background:var(--rose-bg);color:var(--rose-ic)}.b-half{background:var(--orange-bg);color:var(--orange-ic)}.b-leave{background:var(--purple-bg);color:var(--purple-ic)}.b-holiday{background:var(--blue-bg);color:var(--blue-ic)}.sheet-overlay{z-index:50;background:#0f112080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--surface);width:100%;max-width:480px;padding:10px 20px calc(20px + var(--safe-bottom));border-radius:24px 24px 0 0;max-height:88vh;animation:.22s ease-out sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet-handle{background:var(--border);border-radius:99px;width:40px;height:4px;margin:4px auto 12px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.sheet-head h3{color:var(--ink-900);margin:0;font-size:17px;font-weight:700}.sheet-close{background:var(--bg);width:32px;height:32px;color:var(--ink-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sheet-body{flex-direction:column;gap:16px;display:flex}.sheet-foot{margin-top:20px}.sheet-action{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:15px;font-size:15px;font-weight:700}.sheet-action:disabled{background:var(--ink-300);cursor:not-allowed}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-500);font-size:12.5px;font-weight:600}.field-static{background:var(--bg);border-radius:var(--radius-sm);color:var(--ink-900);padding:12px 14px;font-size:14.5px;font-weight:600}.field input[type=number],.field input[type=text],.field input[type=date],.field input[type=email],.field input[type=password]{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-900);background:var(--surface);outline:none;padding:12px 14px;font-size:14.5px;font-weight:600}.field input:focus{border-color:var(--primary)}.field-hint{color:var(--ink-400);font-size:11.5px}.field-error{color:var(--rose-ic);font-size:11.5px}.sheet-foot-row{flex-direction:column;gap:10px;margin-top:20px;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-md);cursor:pointer;width:100%;padding:15px;font-size:15px;font-weight:700}.btn-primary{background:var(--primary-gradient);color:#fff;border:none}.btn-primary:disabled{background:var(--ink-300);cursor:not-allowed}.btn-secondary{border:1.5px solid var(--border);background:var(--surface);color:var(--ink-700)}.selfie-capture{cursor:pointer}.selfie-placeholder{border:1.5px dashed var(--border);border-radius:var(--radius-md);background:var(--bg);height:120px;color:var(--ink-400);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.selfie-placeholder span{font-size:12.5px;font-weight:600}.selfie-preview{border:2.5px solid var(--success-text);border-radius:50%;width:96px;height:96px;margin:0 auto;position:relative;overflow:hidden}.selfie-preview img{object-fit:cover;width:100%;height:100%}.selfie-retake{color:#fff;background:#0f11208c;justify-content:center;align-items:center;gap:4px;padding:4px 0 5px;font-size:9.5px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.att-body{padding:calc(20px + var(--safe-top)) 18px 8px;flex-direction:column;gap:16px;display:flex}.page-head h1{color:var(--ink-900);align-items:center;gap:8px;margin:0;font-size:19px;font-weight:800;display:flex}.page-head h1 svg{color:var(--primary)}.day-action{border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex}.day-action-icon{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.day-start,.day-end{background:var(--primary-gradient)}.day-complete{background:var(--success-bg);color:var(--success-text);border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.att-list{flex-direction:column;gap:8px;display:flex}.att-empty{text-align:center;color:var(--ink-400);padding:20px 0;font-size:13px}.search-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--ink-400);align-items:center;gap:10px;padding:12px 14px;display:flex}.search-bar input{color:var(--ink-900);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.search-bar input::placeholder{color:var(--ink-400);font-weight:400}.student-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.student-avatar{background:var(--blue-bg);width:44px;min-width:44px;height:44px;color:var(--blue-ic);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.student-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.student-info strong{color:var(--ink-900);margin-bottom:1px;font-size:14.5px}.student-line{color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:flex}.student-line svg{color:var(--ink-400);flex:none}.student-chevron{color:var(--ink-300);flex:none;margin-top:12px}.students-page{flex-direction:column;display:flex}.students-sticky{z-index:10;background:var(--bg);padding:calc(20px + var(--safe-top)) 18px 12px;flex-direction:column;gap:14px;display:flex;position:sticky;top:0;box-shadow:0 8px 12px -10px #16192b1f}.students-sticky .page-head h1{color:var(--ink-900);margin:0;font-size:19px;font-weight:800}.students-sticky .page-head p{color:var(--ink-500);margin:3px 0 0;font-size:12.5px}.students-list{flex-direction:column;gap:10px;padding:14px 18px 8px;display:flex}.students-empty{text-align:center;color:var(--ink-400);padding:30px 0;font-size:13px}.sd-page{background:var(--bg);max-width:480px;min-height:100vh;padding:calc(20px + var(--safe-top)) 18px 24px;margin:0 auto}.sd-back{background:var(--surface);width:38px;height:38px;box-shadow:var(--shadow-card);color:var(--ink-700);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.sd-hero{flex-direction:column;align-items:center;gap:12px;margin-bottom:22px;display:flex}.sd-avatar{background:var(--blue-bg);width:76px;height:76px;color:var(--blue-ic);border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.sd-hero h1{color:var(--ink-900);text-align:center;margin:0;font-size:19px;font-weight:800}.sd-info-list{flex-direction:column;gap:10px;display:flex}.sd-info-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary);align-items:center;gap:12px;padding:14px;display:flex}.sd-info-row div{flex-direction:column;gap:2px;display:flex}.sd-info-row span{color:var(--ink-400);font-size:11.5px}.sd-info-row strong{color:var(--ink-900);font-size:14px}.sd-empty{text-align:center;color:var(--ink-400);margin-top:40px;font-size:13px}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:99px;gap:6px;padding:4px;display:flex}.tab-btn{color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:99px;flex:1;padding:10px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.tab-btn.active{background:var(--primary);color:#fff}.fab-layer{left:50%;bottom:calc(90px + var(--safe-bottom));pointer-events:none;z-index:15;width:100%;max-width:480px;height:0;position:fixed;transform:translate(-50%)}.fab{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-primary);cursor:pointer;pointer-events:auto;border:none;border-radius:99px;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:0;right:18px}.expense-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:13px 14px;display:flex}.expense-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.exp-fuel{background:var(--orange-bg);color:var(--orange-ic)}.exp-service{background:var(--purple-bg);color:var(--purple-ic)}.expense-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.expense-info strong{color:var(--ink-900);font-size:13.5px}.expense-info span{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.expense-amount{color:var(--ink-900);flex:none;font-size:14.5px;font-weight:700}.expenses-page{padding:calc(20px + var(--safe-top)) 18px 8px;flex-direction:column;gap:16px;display:flex}.expenses-page .page-head h1{color:var(--ink-900);margin:0;font-size:19px;font-weight:800}.expense-list{flex-direction:column;gap:10px;display:flex}.expense-empty{text-align:center;color:var(--ink-400);padding:30px 0;font-size:13px}.profile-page{padding:calc(28px + var(--safe-top)) 18px 24px;flex-direction:column;gap:20px;display:flex}.profile-hero{flex-direction:column;align-items:center;gap:12px;display:flex}.profile-avatar{background:var(--blue-bg);width:88px;height:88px;color:var(--blue-ic);border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-hero h1{color:var(--ink-900);text-align:center;margin:0;font-size:19px;font-weight:800}.profile-info-list{flex-direction:column;gap:10px;display:flex}.profile-info-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--primary);align-items:center;gap:12px;padding:14px;display:flex}.profile-info-row div{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-info-row span{color:var(--ink-400);font-size:11.5px}.profile-info-row strong{color:var(--ink-900);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.reset-password-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:15px;font-weight:700;display:flex}.logout-btn{border:1.5px solid var(--rose-bg);background:var(--rose-bg);width:100%;color:var(--rose-ic);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:15px;font-weight:700;display:flex}.doc-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:flex-start;gap:12px;padding:14px;display:flex}.doc-icon{background:var(--blue-bg);width:38px;height:38px;color:var(--blue-ic);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.doc-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.doc-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.doc-top strong{color:var(--ink-900);font-size:13.5px;font-weight:700}.doc-student{color:var(--ink-700);font-size:13px;font-weight:600}.doc-meta{color:var(--ink-400);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.doc-amount{color:var(--ink-900);flex:none;align-self:center;font-size:14px;font-weight:700}.staff-page{padding:calc(20px + var(--safe-top)) 18px 8px;flex-direction:column;gap:16px;display:flex}.staff-head h1{color:var(--ink-900);margin:0;font-size:20px;font-weight:800}.staff-head p{color:var(--ink-500);margin:3px 0 0;font-size:12.5px}.staff-list{flex-direction:column;gap:10px;display:flex}.staff-empty{text-align:center;color:var(--ink-400);padding:24px 0;font-size:13px}.status-pill{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.sp-pending{background:var(--warn-bg);color:var(--warn-text)}.sp-processing,.sp-underprocess{background:var(--blue-bg);color:var(--blue-ic)}.sp-finished{background:var(--success-bg);color:var(--success-text)}.sp-cancelled{background:var(--rose-bg);color:var(--rose-ic)}.field select,.field textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-900);background:var(--surface);outline:none;padding:12px 14px;font-family:inherit;font-size:14.5px;font-weight:600}.field textarea{resize:vertical;min-height:84px}.field select:focus,.field textarea:focus{border-color:var(--primary)}.stat-grid-2{grid-template-columns:repeat(2,1fr)}.enq-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:flex-start;gap:12px;padding:14px;display:flex}.enq-avatar{background:var(--purple-bg);width:40px;height:40px;color:var(--purple-ic);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.enq-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.enq-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.enq-top strong{color:var(--ink-900);font-size:14px;font-weight:700}.enq-line{color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:flex}.enq-line svg{color:var(--ink-400);flex:none}.enq-date{color:var(--ink-400);flex:none;font-size:11px;font-weight:600}