:root{--color-pine-blue: #18847c;--color-pine-blue-light: #2a9e95;--color-dark-teal: #0e5a54;--color-dark-teal-2: #ffffff;--color-sunflower-gold: #daac57;--color-sunflower-gold-light: #e2c07a;--color-sunflower-gold-dark: #c49a3e;--color-grey-olive: #9eb0a8;--color-bg-default: #f4fafa;--color-bg-paper: #ffffff;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0,0,0,.12);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15)}.sidebar{height:100%;display:flex;flex-direction:column;background:var(--color-dark-teal-2);border-right:1px solid #e0e0e0}.sidebar-header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-logo{width:50px;height:50px;border-radius:var(--radius-full);background:#18847c1a;display:flex;align-items:center;justify-content:center}.sidebar-logo-icon{font-size:30px;color:#18847c}.sidebar-title{color:#0e5a54;font-weight:700;font-size:1.5rem}.sidebar-divider{border-color:#00000014}.sidebar-menu{padding:0 var(--spacing-md);padding-top:var(--spacing-md);overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(24,132,124,.2) transparent}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#18847c33;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#18847c4d}.sidebar-menu-item{margin-bottom:var(--spacing-sm)}.sidebar-menu-button{border-radius:var(--radius-md)!important;color:#0e5a54!important;padding-top:12px!important;padding-bottom:12px!important}.sidebar-menu-button:hover{background:#18847c14!important}.sidebar-menu-button.active{background:#18847c26!important;color:#18847c!important}.sidebar-menu-icon{color:#18847c!important;min-width:40px!important}.sidebar-footer{padding:var(--spacing-sm);margin-top:auto}.sidebar-user-card{position:relative;border-radius:var(--radius-lg);background:#18847c0d;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);min-height:70px;transition:background .3s ease,box-shadow .3s ease}.sidebar-user-card:hover{background:#18847c1a;box-shadow:0 4px 20px #00000014}.sidebar-user-logo{max-width:100%;max-height:80px;width:auto;height:auto;object-fit:contain;filter:brightness(1);transition:transform .3s ease,filter .3s ease}.sidebar-user-card:hover .sidebar-user-logo{transform:scale(1.03);filter:brightness(1.08)}.sidebar-user-business-name{color:#0e5a54;font-weight:700;font-size:1rem;letter-spacing:.04em;text-align:center;word-break:break-word;line-height:1.3;transition:opacity .3s ease;opacity:.85}.sidebar-user-card:hover .sidebar-user-business-name{opacity:1}.app-bar{background:var(--color-dark-teal-2)!important;color:var(--color-dark-teal)!important;box-shadow:0 1px 3px #0000001f!important}.app-bar-title{flex-grow:1!important;font-weight:700!important}.logout-button{color:#18847c!important}.logout-button:hover{background:#18847c1a!important}.main-content{background:#f4fafa!important;min-height:100vh!important}.btn-primary{background:#18847c!important;text-transform:none!important;padding:8px 24px!important}.btn-primary:hover{background:#0e5a54!important}.btn-gradient{background:linear-gradient(135deg,#18847c,#daac57)!important;text-transform:none!important;padding:12px 0!important;font-size:1rem!important;font-weight:700!important}.btn-gradient:hover{background:linear-gradient(135deg,#0e5a54,#c49a3e)!important}.btn-outlined-primary{text-transform:none!important;border-color:#18847c!important;color:#18847c!important}.btn-outlined-primary:hover{border-color:#0e5a54!important;background:#18847c0d!important}.btn-contained-primary{background:#18847c!important;text-transform:none!important;padding-left:24px!important;padding-right:24px!important}.btn-contained-primary:hover{background:#0e5a54!important}.btn-icon-primary:hover{background:#667eea1a!important}.btn-icon-error:hover{background:#f443361a!important}.btn-icon-neutral:hover{background:#0000000d!important}.page-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important}.page-title{font-weight:700!important}.page-actions{display:flex!important;gap:16px!important}.search-paper{padding:16px!important;margin-bottom:16px!important;border-radius:8px!important}.search-input .MuiOutlinedInput-root{border-radius:8px!important}.table-container{border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.table-header{background:#00000005!important}.table-header-cell{font-weight:700!important}.table-row:hover{background:#00000005!important;transition:background-color .2s!important}.role-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.role-admin{background-color:#e74c3c;color:#fff}.role-user{background-color:#95a5a6;color:#fff}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-active{background-color:#d4edda;color:#155724}.status-inactive{background-color:#f8d7da;color:#721c24}.chip-admin{background:#18847c1a!important;color:#18847c!important;font-weight:medium!important}.chip-default{background:#9eb0a81a!important;color:#9eb0a8!important;font-weight:medium!important}.chip-active{background:#4caf501a!important;color:#4caf50!important;font-weight:medium!important}.chip-inactive{background:#f443361a!important;color:#f44336!important;font-weight:medium!important}.chip-item-type{background:#18847c1a!important;color:#18847c!important;font-weight:medium!important}.avatar-admin{background:#daac57!important}.avatar-default{background:#18847c!important}.avatar-gradient{background:linear-gradient(135deg,#667eea,#764ba2)!important}.card-header-gradient{background:linear-gradient(135deg,#18847c,#0e5a54)!important;color:#fff!important}.card-header-white-chip{background:#ffffff4d!important;color:#fff!important;font-weight:700!important;margin-top:8px!important}.view-drawer-header{padding:var(--spacing-lg);background:var(--color-bg-default);border-bottom:1px solid rgba(0,0,0,.12)}.view-drawer-content{padding:var(--spacing-lg)}.view-drawer-actions{padding:var(--spacing-lg);border-top:1px solid rgba(0,0,0,.12);display:flex;gap:var(--spacing-md)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:30px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:20px}.modal-title{color:#2c3e50;font-size:24px;font-weight:600}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;color:#2c3e50;font-weight:500}.form-input,.form-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-input:focus,.form-select:focus{outline:none;border-color:#3498db}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid-full{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.alert{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px}.alert-error{background-color:#ffe6e6;color:#c62828;border:1px solid #ef5350}.alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.profile-container{max-width:800px;margin:0 auto}.profile-card{background-color:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.profile-header{text-align:center;margin-bottom:30px}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.profile-avatar{width:150px!important;height:150px!important;font-size:3rem!important;font-weight:700!important}.profile-avatar.gradient{background:linear-gradient(135deg,#667eea,#764ba2)!important}.profile-upload-button{background:#18847c!important;text-transform:none!important;padding:8px 24px!important}.profile-upload-button:hover{background:#0e5a54!important}.profile-remove-button{text-transform:none}.profile-save-button{background:#18847c!important;text-transform:none!important;padding:12px 32px!important}.profile-save-button:hover{background:#0e5a54!important}.profile-actions{display:flex;justify-content:flex-end}.logo-container{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.logo-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #3498db}.logo-placeholder{width:120px;height:120px;border-radius:50%;background-color:#ecf0f1;display:flex;align-items:center;justify-content:center;border:2px dashed #bdc3c7}.upload-label{display:inline-block;padding:8px 16px;background-color:#3498db;color:#fff;border-radius:4px;cursor:pointer;font-size:14px}.upload-label:hover{background-color:#2980b9}.file-input{display:none}.password-section{margin-top:30px;padding-top:30px;border-top:1px solid #ecf0f1}.section-title{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:20px}.empty-state{padding:48px 0!important;text-align:center!important}@media(max-width:1024px){.page-header{flex-wrap:wrap;gap:8px}.page-actions{width:100%;display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start}.page-actions .MuiButton-root{font-size:.75rem;padding:4px 10px;min-width:auto}.profile-actions{width:100%;display:flex!important;flex-wrap:wrap;gap:6px;justify-content:flex-start}.btn-icon-primary,.btn-icon-error,.btn-icon-success,.btn-icon-warning{display:none!important}.btn-icon-neutral{display:inline-flex!important}.view-drawer-actions{display:none!important}}@media(max-width:768px){.page-title{font-size:1.4rem!important}}@media(max-width:480px){.page-title{font-size:1.25rem!important}.form-grid{grid-template-columns:1fr}.modal-content,.profile-card{padding:16px}.profile-avatar{width:100px!important;height:100px!important;font-size:2rem!important}.search-paper{padding:8px!important}}.login-container{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#18847c,#0e5a54)!important}.login-paper{padding:32px!important;border-radius:24px!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.login-content{display:flex!important;flex-direction:column!important;align-items:center!important}.login-logo{width:80px!important;height:80px!important;border-radius:50%!important;background:linear-gradient(135deg,#18847c,#daac57)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:16px!important;box-shadow:0 4px 12px #18847c4d!important}.login-logo-icon{font-size:40px!important;color:#0e5a54!important}.login-title{font-weight:700!important;margin-bottom:8px!important}.login-subtitle{margin-bottom:16px!important}.login-form{margin-top:24px!important;width:100%!important}.login-input .MuiOutlinedInput-root{border-radius:8px!important}.login-button{margin-top:24px!important;margin-bottom:16px!important;padding:12px 0!important;border-radius:8px!important;background:#18847c!important;font-size:1rem!important;font-weight:700!important;text-transform:none!important}.login-button:hover{background:#0e5a54!important}.login-alert{margin-top:16px!important;width:100%!important}.login-hint{text-align:center!important}.dashboard-title{margin-bottom:var(--spacing-lg);font-weight:700}.dashboard-stat-card{color:#fff!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;transition:transform .2s,box-shadow .2s!important}.dashboard-stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 20px #0003!important}.dashboard-stats-card{padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:100%}.dashboard-stats-card-content{display:flex;align-items:center;justify-content:space-between}.dashboard-stats-label{color:#fffc}.dashboard-stats-icon{color:#fff;font-size:40px}.dashboard-stats-icon-wrapper{background:#fff3;border-radius:var(--radius-full);padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.dashboard-chart-paper{padding:24px!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;height:100%!important}.dashboard-chart-container{margin-top:var(--spacing-lg)}.chip-pending{background:#ff98001a!important;color:#ff9800!important;font-weight:medium!important}.chip-in-progress{background:#2196f31a!important;color:#2196f3!important;font-weight:medium!important}.chip-completed{background:#4caf501a!important;color:#4caf50!important;font-weight:medium!important}.chip-delivered{background:#9c27b01a!important;color:#9c27b0!important;font-weight:medium!important}@media(max-width:600px){.dashboard-chart-paper{padding:12px!important}.dashboard-stats-icon{font-size:28px}.dashboard-stats-icon-wrapper{padding:var(--spacing-sm)}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:9999}.sewing-scene{display:flex;flex-direction:column;align-items:center;transform:scale(1.15)}.loading-text{margin-top:30px;font-size:18px;font-weight:600;color:#daac57;letter-spacing:3px;text-transform:uppercase;animation:loading-text-pulse 1.5s ease-in-out infinite}.loading-text span{display:inline-block;animation:loading-dot-bounce 1.4s ease-in-out infinite}.loading-text span:nth-child(2){animation-delay:.2s}.loading-text span:nth-child(3){animation-delay:.4s}@keyframes loading-text-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes loading-dot-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sewing-stuff{width:450px;align-items:flex-end;justify-content:space-around;display:flex;transform:translateY(-3px)}.sewing-table{height:15px;width:450px;background-color:#f1dbc1;border-bottom:5px solid #18847c}.tape-top{height:11px;width:34px;border-radius:2px 0 0 1px;background-color:#daac57;box-shadow:0 2.75px #c49a3e}.tape-top:before,.tape-top:after{content:"";position:absolute}.tape-top:before{height:5.5px;width:34px;background-image:repeating-linear-gradient(to right,transparent,transparent 11%,#0e5a54 11%,#0e5a54 16%)}.tape-top:after{height:0;width:0;border-style:solid;border-width:14.3px 0 0 14.3px;border-color:transparent transparent transparent #c49a3e;margin-left:34px}.tape-bottom{height:49.3px;width:11px;position:absolute;background-color:#daac57;margin-left:34px;margin-top:3.3px;box-shadow:2.75px 0 #c49a3e;animation:tape-animation1 3s infinite}.tape-bottom:before,.tape-bottom:after{content:"";position:absolute}.tape-bottom:before{height:47.6px;width:55%;background-image:repeating-linear-gradient(to bottom,transparent,transparent 10%,#0e5a54 10%,#0e5a54 13%);animation:tape-animation2 3s infinite}.tape-bottom:after{height:11px;width:11px;margin-top:49.3px;border-radius:0 0 1px 1px;box-shadow:2.75px 0 #9eb0a8;background-color:#0e5a54;border:2.2px solid #9eb0a8;animation:tape-animation3 3s infinite}.pin-cushion{height:6px;width:50px;position:relative;border-radius:1px;background-color:#fffefb;box-shadow:0 3px #18847c}.pin-cushion:before{content:"";position:absolute;z-index:1;height:22.5px;box-shadow:0 4px #0e5a54;width:45px;background-color:#2a9e95;border-radius:10em 10em 0 0;transform:translateY(-27px) translate(2.4px)}.pins{display:flex;z-index:5;position:absolute;justify-content:space-around;transform:translateY(-30px)}.pin{z-index:5;margin-right:8.5px;height:20px;width:1px;background-image:linear-gradient(to bottom,gray,#cfcfcf)}.pin:before{content:"";position:absolute;display:flex;height:4px;width:4px;border-radius:50%;background-color:#18847c;transform:translate(-1.4px) translateY(-4px);animation:pin-animation 3s infinite}.pin:nth-child(1){transform:rotate(-35deg) translateY(5px)}.pin:nth-child(2){transform:rotate(-20deg)}.pin:nth-child(3){transform:rotate(-9deg) translateY(-3px)}.pin:nth-child(4){transform:rotate(3deg) translateY(-3px)}.pin:nth-child(5){transform:rotate(20deg) translateY(-1px)}.pin:nth-child(6){transform:rotate(35deg) translateY(5px)}.thread{height:25px;width:16px;transform:translate(142px);background-image:repeating-linear-gradient(35deg,#18847c,#18847c 0,#18847c 5%,#daac57 5%,#daac57 10%);animation:thread-animation 2s infinite}.thread:before{content:"";display:flex;height:25px;width:19.5px;border-radius:2px;transform:translate(-2px);background-image:linear-gradient(to bottom,#9eb0a8 0 10%,#0e5a54 10% 20%,transparent 20% 80%,#9eb0a8 80% 90%,#0e5a54 90%)}.thread:after{content:"";display:flex;height:1px;width:105px;background-color:#18847c;transform:translate(-104px) translateY(-9.5px) rotate(-9.5deg);animation:thread-animation2 2s infinite}.needle{position:absolute;height:20px;width:3.5px;background-color:#daac57;transform:translateY(61px) translate(20.45px)}.needle:before{content:"";display:flex;height:18px;width:8px;border-radius:.5px;transform:translate(-2px) translateY(3px);background-image:linear-gradient(to bottom,#0e5a54 0 20%,transparent 20% 85%,#0e5a54 85%)}.needle:after{content:"";display:flex;height:15px;width:1px;background-color:#0e5a54;transform:translateY(2px) translate(1.2px);border-radius:0 0 50% 50%;animation:needle-animation .2s infinite}.machine-top{display:flex;height:50px;width:185px;border-radius:5px 5px 0 0;background-color:#fff;box-shadow:0 4px #18847c,0 0 4px #5289b566}.machine-top:before{content:"";height:11px;width:45px;position:absolute;border-radius:0 0 1px 1px;transform:translateY(50px);box-shadow:0 3px #18847c;background-color:#fff}.machine-top:after{content:"";background-image:linear-gradient(#daac57 0,#daac57 80%,#0e5a54 80%);height:15px;width:40px;border-radius:2px;transform:translate(75px) translateY(20px)}.machine-right{height:50px;width:50px;background-color:#fff;box-shadow:-4px 0 #18847c,0 3px 2px #18847c;transform:translate(135px)}.machine-right:before{content:"";height:35.7px;width:12.5px;position:absolute;border-radius:0 25% 25% 0;transform:translateY(-20px) translate(50px);background-image:linear-gradient(to right,#daac57 0,#daac57 70%,#0e5a54 70%)}.machine-right:after{content:"";display:flex;height:30px;width:10px;background-image:repeating-linear-gradient(to bottom,#e2c07a 0 10%,#0e5a54 10% 20%,transparent 20% 40%);transform:translate(18px) translateY(10px)}.machine-bottom{height:40px;width:200px;border-radius:5px 0 0;background-color:#fff;transform:translate(-15px);box-shadow:0 3px #18847c,0 2px 2px #18847c}.machine-bottom:before{content:"";display:flex;height:85px;width:125px;background-image:repeating-linear-gradient(#afd8f280,#afd8f280 5%,#5289b580 5%,#5289b580 10%),repeating-linear-gradient(90deg,rgba(106,158,196,.9),rgba(106,158,196,.9) 5%,transparent 5% 10%);clip-path:polygon(30% 0%,90% 0%,90% 20%,30% 45%);animation:fabric-animation 7s infinite}@keyframes needle-animation{50%{transform:translateY(-4.5px) translate(1.2px)}}@keyframes thread-animation{50%{background-image:repeating-linear-gradient(35deg,#daac57,#daac57 0,#daac57 5%,#18847c 5%,#18847c 10%)}}@keyframes thread-animation2{50%{transform-origin:center left;transform:translate(-105px) translateY(-1px) rotate(0)}}@keyframes fabric-animation{50%{display:flex;height:200px;width:125px;background-image:repeating-linear-gradient(#afd8f280,#afd8f280 5%,#5289b580 5%,#5289b580 10%),repeating-linear-gradient(90deg,rgba(106,158,196,.9),rgba(106,158,196,.9) 5%,transparent 5% 10%);clip-path:polygon(30% 0%,90% 0%,90% 20%,30% 45%)}}@keyframes tape-animation1{50%{height:102px}}@keyframes tape-animation2{50%{height:102px;background-image:repeating-linear-gradient(to bottom,transparent,transparent 6%,#0e5a54 6%,#0e5a54 7.5%)}}@keyframes tape-animation3{50%{transform:translateY(52.7px)}}@keyframes pin-animation{50%{background-color:#daac57}}@media(max-width:768px){.sewing-scene{transform:scale(.75)}}@media(max-width:480px){.sewing-scene{transform:scale(.55)}}body{margin:0;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(24,132,124,.3) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#18847c4d;border-radius:4px}*::-webkit-scrollbar-thumb:hover{background:#18847c80}*::-webkit-scrollbar-corner{background:transparent}