@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{--clr-emerald-50: #ecfdf5;--clr-emerald-100: #d1fae5;--clr-emerald-200: #a7f3d0;--clr-emerald-600: #059669;--clr-emerald-700: #047857;--clr-emerald-900: #064e3b;--clr-lime: #6ee7b7;--clr-green-mid: #10b981;--clr-green-forest: #059669;--clr-green-deep: #047857;--clr-orange: #f5963a;--clr-white: #ffffff;--clr-gray-900: #0f172a;--clr-gray-700: #334155;--clr-gray-500: #64748b;--clr-gray-200: #e2e8f0;--clr-gray-100: #f8fafc;--clr-green-50: #ecfdf5;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--clr-gray-100);color:var(--clr-gray-900)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard{display:flex;height:100vh;overflow:hidden}.sidebar{width:230px;flex-shrink:0;background:#fff;display:flex;flex-direction:column;border-right:1px solid #e2e8f0}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid #f1f5f9}.sidebar-brand-name{margin:0;font-size:18px;font-weight:700;color:var(--clr-emerald-600, #059669);letter-spacing:-.02em}.sidebar-brand-tagline{margin:3px 0 0;font-size:11px;color:#94a3b8}.sidebar-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:block;padding:9px 12px;border-radius:8px;color:#475569;text-decoration:none;font-size:14px;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:#f1f5f9;color:#0f172a}.nav-item--active{background:var(--clr-emerald-50, #ecfdf5);color:var(--clr-emerald-600, #059669);font-weight:600}.sidebar-footer{padding:12px 10px 16px;border-top:1px solid #f1f5f9}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:8px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--clr-emerald-50, #ecfdf5);color:var(--clr-emerald-600, #059669);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;border:1px solid var(--clr-emerald-100, #d1fae5)}.sidebar-username{margin:0;font-size:13px;font-weight:600;color:#0f172a;word-break:break-word}.sidebar-role{margin:1px 0 0;font-size:11px;color:#94a3b8}.sidebar-logout{width:100%;padding:9px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.sidebar-logout:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626}.sidebar-logout:disabled{opacity:.5;cursor:not-allowed}.main-content{flex:1;overflow-y:auto;padding:32px;background:#f8fafc}.mobile-header,.sidebar-backdrop{display:none}@media (max-width: 768px){.dashboard{flex-direction:column}.mobile-header{display:flex;align-items:center;height:52px;background:#fff;border-bottom:1px solid #e2e8f0;padding:0 16px;gap:12px;flex-shrink:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.sidebar-toggle{background:none;border:none;color:#475569;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}.mobile-header-title{color:var(--clr-emerald-600, #059669);font-weight:700;font-size:16px;letter-spacing:-.02em}.sidebar{position:fixed;top:0;left:-240px;height:100%;z-index:300;transition:left .25s ease;width:240px}.sidebar--open{left:0;box-shadow:4px 0 24px #00000026}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:299}.main-content{padding:16px}}@media (min-width: 769px){.sidebar-toggle{display:none}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,#2ec27e,#1a9e6a,#0d7a50 50%,#054f34 80%,#022d1e)}.login-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:44px 40px 40px;box-shadow:0 8px 32px #00000038,0 2px 8px #0000001f;display:flex;flex-direction:column}.login-logo{display:flex;align-items:center;gap:10px;margin-bottom:28px}.login-logo-img{width:38px;height:38px;object-fit:contain;border-radius:50%}.login-logo-text{font-size:20px;font-weight:700;color:#047857;letter-spacing:-.03em;font-family:Inter,sans-serif}.login-title{margin:0 0 6px;font-size:26px;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1.2}.login-subtitle{margin:0 0 28px;font-size:14px;color:#64748b;line-height:1.5}.login-form{display:flex;flex-direction:column;gap:18px}.login-label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:500;color:#334155}.login-input{padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;font-family:Inter,sans-serif;outline:none;color:#0f172a;background:#f0f9ff;transition:border-color .15s,box-shadow .15s,background .15s}.login-input:focus{border-color:#059669;background:#fff;box-shadow:0 0 0 3px #0596691f}.login-error{margin:0;font-size:13px;color:#b91c1c;background:#fef2f2;padding:9px 14px;border-radius:8px;border:1px solid #fecaca}.login-button{margin-top:6px;padding:13px;background:#047857;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #04785759}.login-button:hover:not(:disabled){background:#065f46;box-shadow:0 4px 14px #04785773}.login-button:active:not(:disabled){transform:scale(.99)}.login-button:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 480px){.login-card{padding:36px 24px 32px;border-radius:16px}.login-title{font-size:22px}}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input--pw{width:100%;padding-right:44px}.login-eye-btn{position:absolute;right:10px;background:none;border:none;padding:4px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;border-radius:6px;transition:color .15s}.login-eye-btn:hover{color:#059669}.login-eye-btn:focus-visible{outline:2px solid #059669;outline-offset:2px}.install-banner{display:flex;align-items:center;gap:10px;background:#ecfdf5;border:1.5px solid #059669;border-radius:10px;padding:11px 14px;margin-bottom:18px;font-family:Inter,sans-serif;font-size:13px;color:#064e3b}.install-banner__icon{flex-shrink:0;color:#047857}.install-banner__text{flex:1;min-width:0;font-weight:500;line-height:1.45;color:#064e3b}.install-banner__text strong{font-weight:700}.install-banner__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.install-banner__btn{background:#047857;color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:700;font-family:Inter,sans-serif;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:background .15s,box-shadow .15s;box-shadow:0 1px 4px #0478574d}.install-banner__btn:hover{background:#065f46;box-shadow:0 2px 8px #04785766}.install-banner__btn:focus-visible{outline:2px solid #059669;outline-offset:2px}.install-banner__btn--full{width:100%;padding:12px;font-size:13px;border-radius:10px;letter-spacing:.08em;box-shadow:0 2px 8px #04785759}.install-banner__btn--full:hover{background:#065f46;box-shadow:0 4px 14px #04785773}.install-banner__close{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#059669;cursor:pointer;padding:5px;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}.install-banner__close:hover{background:#d1fae5;color:#064e3b}.install-banner__close:focus-visible{outline:2px solid #059669;outline-offset:2px}.install-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fade-in .15s ease}@media (min-width: 480px){.install-modal-overlay{align-items:center;padding:24px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.install-modal{background:#fff;width:100%;max-width:420px;border-radius:20px 20px 0 0;box-shadow:0 -4px 32px #0000002e;overflow:hidden;animation:slide-up .2s ease}@media (min-width: 480px){.install-modal{border-radius:20px;box-shadow:0 8px 40px #00000038;animation:none}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 14px;border-bottom:1px solid #f1f5f9}.install-modal-title{margin:0;font-size:17px;font-weight:700;color:#0f172a;font-family:Inter,sans-serif;letter-spacing:-.02em}.install-modal-tabs{display:flex;padding:12px 20px 0;gap:6px;border-bottom:1px solid #e2e8f0}.install-modal-tab{flex:1;padding:9px 12px;border:none;background:none;font-size:13px;font-weight:600;font-family:Inter,sans-serif;color:#94a3b8;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s;border-radius:0}.install-modal-tab:hover{color:#047857}.install-modal-tab--active{color:#047857;border-bottom-color:#047857}.install-modal-body{padding:20px}.install-modal-action{display:flex;flex-direction:column;gap:14px}.install-modal-desc{margin:0;font-size:13px;color:#64748b;line-height:1.55;font-family:Inter,sans-serif}.install-modal-steps{margin:0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#334155;font-family:Inter,sans-serif;line-height:1.5}.install-modal-steps li strong{color:#047857;font-weight:700}.page-header{margin-bottom:24px}.page-title{margin:0 0 4px;font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.page-subtitle{margin:0;font-size:13px;color:#64748b}.page-toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-input{flex:1;min-width:220px;padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;background:#fff;color:#0f172a;transition:border-color .15s,box-shadow .15s;font-family:inherit}.search-input::placeholder{color:#94a3b8}.search-input:focus{border-color:var(--clr-emerald-600, #059669);box-shadow:0 0 0 3px #0596691a}.filter-select{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#0f172a;outline:none;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}.filter-select:focus{border-color:var(--clr-emerald-600, #059669);box-shadow:0 0 0 3px #0596691a}.data-table-wrapper{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table td{padding:13px 16px;color:#334155;border-bottom:1px solid #f1f5f9}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc}.data-table tr.clickable{cursor:pointer}.state-box{display:flex;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b;font-size:15px}.state-box--error{color:#dc2626}.badge{display:inline-block;padding:3px 9px;border-radius:9999px;font-size:12px;font-weight:500;letter-spacing:.01em}.badge--green{background:#ecfdf5;color:#047857}.badge--red{background:#fef2f2;color:#b91c1c}.badge--gray{background:#f1f5f9;color:#475569}.num{text-align:right;font-variant-numeric:tabular-nums}.action-row{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{padding:9px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,background .15s;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--clr-emerald-600, #059669);color:#fff}.btn--primary:hover:not(:disabled){background:var(--clr-emerald-700, #047857)}.btn--secondary{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.btn--secondary:hover:not(:disabled){background:#e2e8f0}.btn--danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.btn--danger:hover:not(:disabled){background:#fee2e2}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .06))}.card-title{margin:0 0 16px;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.form-label{font-size:13px;font-weight:500;color:#334155}.form-input,.form-select{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;color:#0f172a;font-family:inherit}.form-input:focus,.form-select:focus{border-color:var(--clr-emerald-600, #059669);box-shadow:0 0 0 3px #0596691a}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stepper{display:flex;align-items:flex-start;margin-bottom:32px;padding:0 8px}.stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.stepper-step:not(:last-child):after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:#e2e8f0;z-index:0}.stepper-step--done:not(:last-child):after{background:var(--clr-emerald-600, #059669)}.stepper-node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;position:relative;z-index:1;border:2px solid #e2e8f0;background:#fff;color:#94a3b8;transition:border-color .2s,background .2s,color .2s}.stepper-step--active .stepper-node{border-color:var(--clr-emerald-600, #059669);background:var(--clr-emerald-600, #059669);color:#fff}.stepper-step--done .stepper-node{border-color:var(--clr-emerald-600, #059669);background:var(--clr-emerald-50, #ecfdf5);color:var(--clr-emerald-600, #059669)}.stepper-label{margin-top:8px;font-size:12px;font-weight:500;color:#94a3b8;text-align:center;white-space:nowrap}.stepper-step--active .stepper-label{color:var(--clr-emerald-600, #059669);font-weight:600}.stepper-step--done .stepper-label{color:var(--clr-emerald-600, #059669)}.summary-row{display:flex;justify-content:space-between;padding:7px 0;font-size:14px;border-bottom:1px solid #f1f5f9;color:#334155}.summary-row:last-child{border-bottom:none;font-weight:700;font-size:15px;padding-top:10px;color:#0f172a}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:8px 0}.pagination-btn{padding:6px 16px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#334155;cursor:pointer;font-size:14px;font-family:inherit;transition:background .15s,border-color .15s}.pagination-btn:hover:not(:disabled){background:var(--clr-emerald-50, #ecfdf5);border-color:var(--clr-emerald-600, #059669);color:var(--clr-emerald-600, #059669)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#334155;font-size:14px;min-width:80px;text-align:center}.pagination-total{margin-left:6px;color:#94a3b8;font-size:12px}.result-msg{padding:14px 18px;border-radius:8px;font-size:14px;margin-top:14px}.result-msg--ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.result-msg--err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state-icon{width:72px;height:72px;border-radius:50%;background:var(--clr-emerald-50, #ecfdf5);color:var(--clr-emerald-600, #059669);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.empty-state-title{margin:0 0 8px;font-size:17px;font-weight:600;color:#0f172a}.empty-state-desc{margin:0 0 24px;font-size:14px;color:#64748b;max-width:340px;line-height:1.6}.empty-search-state{padding:48px 20px;text-align:center;color:#64748b;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.modal-title{margin:0;font-size:17px;font-weight:700;color:#0f172a}.modal-close-btn{background:none;border:none;padding:6px;cursor:pointer;color:#94a3b8;border-radius:8px;display:flex;align-items:center;transition:color .15s,background .15s}.modal-close-btn:hover{color:#334155;background:#f1f5f9}.modal-body{padding:20px 24px;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;flex-shrink:0}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.product-detail-item{display:flex;flex-direction:column;gap:3px}.product-detail-label{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.product-detail-value{font-size:14px;color:#0f172a;word-break:break-word}@media (max-width: 480px){.product-detail-grid{grid-template-columns:1fr}}.product-card-list{display:none;flex-direction:column;gap:10px}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;cursor:pointer;transition:box-shadow .15s,border-color .15s;box-shadow:0 1px 3px #0000000d}.product-card:hover{border-color:#059669;box-shadow:0 4px 12px #0596691f}.product-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.product-card-key{font-size:11px;font-family:monospace;background:#f1f5f9;color:#475569;padding:2px 7px;border-radius:5px}.product-card-name{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 6px}.product-card-stats{display:flex;gap:12px;flex-wrap:wrap}.product-card-stat{display:flex;flex-direction:column;gap:1px}.product-card-stat-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.product-card-stat-value{font-size:13px;font-weight:600;color:#334155}@media (max-width: 768px){.product-card-list{display:flex}.data-table-wrapper{display:none}}.home-page{padding:0}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.home-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .1s;box-shadow:0 1px 4px #0000000f;color:inherit}.home-card:hover{border-color:#059669;box-shadow:0 6px 20px #05966921;transform:translateY(-2px)}.home-card-icon{width:44px;height:44px;border-radius:12px;background:#ecfdf5;color:#059669;display:flex;align-items:center;justify-content:center}.home-card-body{flex:1}.home-card-title{margin:0 0 4px;font-size:16px;font-weight:700;color:#0f172a}.home-card-stat{margin:0;font-size:13px;color:#64748b}.home-card-arrow{color:#cbd5e1;align-self:flex-end}@media (max-width: 768px){.home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.home-grid{grid-template-columns:1fr}}@media (max-width: 768px){.page-title{font-size:18px}.search-input{min-width:0}.data-table th,.data-table td{padding:10px 12px;font-size:13px}.form-grid-2{grid-template-columns:1fr}.stepper{padding:0}.stepper-label{font-size:10px;white-space:normal}.action-row{flex-wrap:wrap}.action-row .btn{flex:1;min-width:100px;text-align:center}.card{padding:16px}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{display:inline-block;border-radius:6px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:400px 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton--stat{width:72px;height:14px;vertical-align:middle}