*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8e5e3;color:#000;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:300;letter-spacing:.02em;line-height:calc(1em + 12px)}#root,.app{display:flex;flex-direction:column;height:100vh}.app{background:#e8e5e3}.main-content{margin:0 auto;max-width:1400px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;width:100%}.main-content,.panels-container{display:flex;flex:1 1;flex-direction:column}.panels-container{gap:40px;min-height:0;overflow:visible;padding:60px 80px 48px}.main-panels{grid-gap:60px;display:grid;flex:1 1;gap:60px;grid-template-columns:380px 1fr;min-height:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#211613;border-bottom:1px solid #a9978333;box-shadow:0 4px 20px #2116131f;color:#fff;padding:0 60px;z-index:1000}.navbar-content{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-content,.navbar-right{align-items:center;display:flex}.navbar-right{gap:15px}.navbar-logo{align-items:center;display:flex;height:120%}.logo-image{height:60px;object-fit:contain;width:auto}.account-manager{gap:5px}.account-manager,.profile-icon{align-items:center;display:flex}.profile-icon{background:#5c534c;border:2px solid #a99783;border-radius:50%;box-shadow:0 2px 8px #a997834d;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:43px;justify-content:center;overflow:hidden;width:43px}.employee-dropdown{position:relative}.employee-selector{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;gap:8px;line-height:calc(1em + 10px);padding:4px 8px;transition:background-color .2s ease}.employee-selector:hover{background:#a9978326;border-radius:8px}.employee-display{align-items:center;border-radius:6px;display:flex;padding:4px 8px}.account-name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}.navbar .dropdown-arrow{color:#fff;transition:transform .3s ease}.navbar .dropdown-arrow.expanded{transform:rotate(180deg)}.employee-dropdown-menu{background:#211613;border:1px solid #5c534c;border-radius:8px;box-shadow:0 4px 20px #0000004d;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.employee-option{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300;gap:12px;line-height:calc(1em + 10px);padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.employee-option:hover{background:#a9978333}.employee-option.selected{background:#a29061;color:#fff;font-weight:400}.navbar-actions{align-items:center;display:flex;gap:10px}.logout-button,.reset-package-button{align-items:center;background:#0000;border:1px solid #5c534c;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;gap:4px;line-height:calc(1em + 10px);padding:8px 16px;transition:all .2s ease;white-space:nowrap}.logout-button:hover,.reset-package-button:hover{background:#a9978359;border-color:#a29061;color:#fff}.logout-button:active,.reset-package-button:active{transform:none}.employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.employee-image,.profile-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.left-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #a9978333;border-radius:16px;box-shadow:0 8px 32px #21161314,0 2px 8px #2116130a;display:flex;flex-direction:column;gap:32px;max-width:380px;min-height:0;overflow:hidden;padding:40px 32px}.panel-header{border-bottom:2px solid #a9978333;padding-bottom:16px;text-align:center}.panel-header h2{color:#211613;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px}.panel-header p{color:#5c534c;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;line-height:calc(1em + 12px);margin:0;opacity:.9}.mediakit-icon-button{align-items:center;background:linear-gradient(135deg,#a29061,#8f8058);border:1px solid #857350a6;border-radius:50%;box-shadow:0 4px 14px #a2906159;color:#fff;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.mediakit-icon-button:hover{background:linear-gradient(135deg,#8f8058,#6f6446);border-color:#857350d9;box-shadow:0 8px 22px #85735059}.mediakit-icon-button svg{display:block;height:20px;width:20px}.mediakit-icon-button:active{transform:scale(.96)}.add-item-form{animation:slideDown .3s ease-out;background:#e8e5e3;border:1px solid #a997834d;border-radius:10px;box-shadow:0 2px 8px #2116130f;margin-bottom:12px;margin-top:8px;padding:14px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-item-form h4{color:#211613;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;line-height:1.3}.add-item-form h4,.form-group{margin-bottom:10px}.form-group:last-of-type{margin-bottom:12px}.form-group label{font-size:.75rem;line-height:1.3;margin-bottom:4px}.form-group input{border:1px solid #211613!important;border-radius:6px;font-size:.8rem;line-height:1.4;padding:8px 10px}.form-group input:not(:focus){border-color:#211613!important}.form-group input[type=number]{-webkit-appearance:textfield;appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-group input::placeholder{font-size:.8rem}.form-group input:focus{border-color:#a29061!important;box-shadow:0 0 0 3px #a290611f}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;background:#fff!important;background-color:#fff!important;border-color:#211613!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-group input[type=number]:-webkit-autofill,.form-group input[type=text]:-webkit-autofill{-webkit-text-fill-color:#000!important;background:#fff!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.form-actions{display:flex;gap:8px;justify-content:space-between;margin-top:10px;width:100%}.cancel-button{background:#0000;border:1px solid #a9978366;border-radius:6px;color:#211613;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:400;line-height:1.4;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.cancel-button:hover{background:#a9978340;border-color:#a29061}.add-button{background:#a29061;border:none;border-radius:6px;box-shadow:0 2px 6px #a2906140;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;line-height:1.4;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.add-button:hover{background:#8a7c57}.items-list{flex:1 1;gap:16px;min-height:0;overflow:visible}.items-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;margin-top:-15px;padding:4px 8px 4px 0}.items-header h3{color:#211613;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:1.2;margin:0}.items-header-actions{align-items:center;display:flex;gap:10px}.add-item-button{align-items:center;background:#a29061;border:none;border-radius:50%;box-shadow:0 4px 12px #a290614d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin:0;transition:all .3s ease;width:32px}.add-item-button:hover{background:#8a7c57}.add-item-button:active{transform:none}.plus-icon{transition:transform .3s ease}.plus-icon.rotated{transform:rotate(45deg)}.items-container{grid-gap:8px;-ms-overflow-style:none;align-content:start;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr;justify-content:start;margin:-4px;overflow-x:visible;overflow-y:auto;padding:12px 8px;scrollbar-width:none}.items-container::-webkit-scrollbar{display:none}.empty-state{color:#5c534c;font-family:Poppins,sans-serif;font-weight:300;padding:40px 20px;text-align:center}.empty-state p:first-child{font-weight:600;line-height:calc(1em + 10px);margin-bottom:8px}.empty-state p:last-child{font-size:.9rem;line-height:calc(1em + 10px)}.right-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #a9978333;border-radius:16px;box-shadow:0 8px 32px #21161314,0 2px 8px #2116130a;display:flex;flex-direction:column;gap:32px;max-height:calc(100vh - 200px);min-height:0;overflow-x:visible;overflow-y:auto;padding:40px;position:relative;scroll-padding-bottom:80px}.right-panel .panel-header h2{color:#211613;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px}.right-panel .panel-header p{color:#5c534c;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300;line-height:calc(1em + 12px);opacity:.9}.canvas-area{background:#e8e5e3;border:2px dashed #a9978366;border-radius:12px;flex:1 1;max-height:400px;min-height:200px;overflow:hidden;transition:all .3s ease}.right-panel:has(.summary-expanded) .canvas-area{max-height:180px}.canvas-area.drag-over{background-color:#a2906126;border-color:#a29061;border-style:solid;box-shadow:0 0 0 4px #a290611a}.canvas-content{height:100%;overflow-y:auto;padding:12px}.empty-canvas{align-items:center;color:#a99783;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-weight:300;height:100%;justify-content:center;text-align:center}.empty-icon{margin-bottom:20px;opacity:.5}.empty-canvas h3{color:#211613;font-size:1.2rem;font-weight:600;margin-bottom:8px}.empty-canvas h3,.empty-canvas p{font-family:Poppins,sans-serif;line-height:calc(1em + 12px)}.empty-canvas p{color:#5c534c;font-size:.9rem;font-weight:300;max-width:300px;opacity:.8}.canvas-items{grid-gap:8px;align-content:start;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);justify-items:stretch;padding:8px}.summary-section{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#e8e5e300,#e8e5e340 35%,#ffffffe6);border-radius:12px 12px 0 0;display:flex;flex-direction:column;flex-shrink:0;gap:5px;margin-top:auto;padding-top:12px}.total-display{align-items:center;background:#fff;border:1px solid #a997834d;border-radius:12px;box-shadow:0 4px 16px #2116130f;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease;width:100%}.total-display:hover{box-shadow:0 6px 24px #2116131a}.dropdown-arrow{color:#a99783;cursor:pointer;transform:rotate(0deg);transition:all .3s ease}.dropdown-arrow.expanded{transform:rotate(180deg)}.summary-total{color:#a29061;font-size:1.6rem;font-weight:600}.summary-total,.total-label{font-family:Poppins,sans-serif;line-height:calc(1em + 12px)}.total-label{color:#5c534c;font-size:.9rem;font-weight:300}.summary-button{background:#a29061;border:none;border-radius:10px;box-shadow:0 4px 12px #a290614d;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400;letter-spacing:.05em;line-height:calc(1em + 12px);padding:16px 24px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%;z-index:10}.summary-button:hover{background:#8a7c57}.summary-button:active{transform:none}.summary-content{animation:slideUp .3s ease-out;flex-shrink:1;margin-bottom:8px;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.draggable-item{align-items:center;background:#fff;border:1px solid #a997834d;border-radius:10px;box-shadow:0 2px 8px #2116130a;cursor:grab;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:75px;padding:16px 12px;position:relative;transition:all .3s ease;width:100%}.draggable-item:hover{border-color:#a29061;box-shadow:0 4px 16px #a2906133}.draggable-item.dragging{cursor:grabbing;opacity:.5;position:relative;transform:rotate(5deg) scale(1.05);z-index:1000}.item-content{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;min-height:100%;padding:0 4px;text-align:left;width:100%}.item-name{word-wrap:break-word;color:#211613;flex:1 1;font-size:.9rem;-webkit-hyphens:auto;hyphens:auto;min-width:0;overflow-wrap:break-word;text-align:left;word-break:break-word}.item-name,.item-price{font-family:Poppins,sans-serif;font-weight:600;line-height:calc(1em + 12px);margin:0}.item-price{color:#a29061;flex-shrink:0;font-size:1rem;white-space:nowrap}.drag-handle{align-items:center;color:#fff;display:flex;height:12px;justify-content:center;opacity:.4;position:absolute;right:2px;top:2px;transition:opacity .2s ease;width:12px}.draggable-item:hover .drag-handle{opacity:1}.canvas-item{align-items:center;background:#fff;border:1px solid #a997834d;border-radius:10px;box-shadow:0 2px 8px #2116130a;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:center;max-width:200px;min-height:70px;min-width:120px;padding:14px 8px;position:relative;transition:all .3s ease;width:100%}.canvas-item:hover{border-color:#a29061;box-shadow:0 4px 16px #a2906133}.item-header{align-items:flex-start;display:flex;justify-content:flex-end;position:absolute;right:6px;top:6px;width:100%;z-index:10}.canvas-item .item-name{word-wrap:break-word;align-items:center;color:#211613;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;line-height:1.4;margin:0;max-width:100%;min-width:0;overflow-wrap:break-word;text-align:left;word-break:break-word}.remove-button{align-items:center;background:none;border:none;border-radius:4px;color:#5c534c;cursor:pointer;display:flex;flex-shrink:0;height:16px;justify-content:center;padding:2px;transition:all .3s ease;width:16px}.remove-button:hover{background-color:#8a7c57;border-radius:4px;color:#fff}.canvas-item-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:2px;justify-content:space-between;min-width:0;padding:0 14px 0 8px;width:100%}.canvas-item-content.long-text{padding:0 8px 0 6px}.canvas-item .item-price{color:#a29061;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;line-height:calc(1em + 12px);margin:0;text-align:right;white-space:nowrap}.summary-header{align-items:center;border-bottom:2px solid #a9978333;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.summary-header h3{color:#211613;font-size:1.1rem;margin:0}.item-count,.summary-header h3{font-family:Poppins,sans-serif;font-weight:600;line-height:calc(1em + 12px)}.item-count{background:#a29061;border-radius:12px;box-shadow:0 2px 8px #a290614d;color:#fff;font-size:.8rem;padding:4px 12px}.price-breakdown{margin-bottom:12px}.price-item{align-items:center;border-bottom:1px solid #a9978333;display:flex;justify-content:space-between;padding:8px 0}.price-item:last-child{border-bottom:none}.discount-section{background:#e8e5e3;border:1px solid #a997834d;border-radius:12px;box-shadow:0 2px 8px #2116130a;margin:0;padding:10px 12px}.discount-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.discount-header h4{color:#211613;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;line-height:1.3;margin:0}.discount-input{align-items:center;background:linear-gradient(135deg,#fff,#f8f7f6);border:1.5px solid #5c534c66;border-radius:8px;box-shadow:0 1px 4px #5c534c1f,inset 0 1px 2px #fffc;display:flex;gap:3px;min-width:70px;padding:5px 10px;transition:all .3s ease}.discount-input:hover{border-color:#5c534c99;box-shadow:0 2px 8px #5c534c2e,inset 0 1px 2px #fffc}.discount-input:focus-within{border-color:#5c534c;box-shadow:0 2px 10px #5c534c40,inset 0 1px 2px #fffc}.discount-field{-webkit-appearance:textfield;appearance:textfield;background:#0000;border:none;color:#211613;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.3px;line-height:1.4;padding:0;text-align:right;width:35px}.discount-field::placeholder{color:#5c534c66;font-weight:300}.discount-field::-webkit-inner-spin-button,.discount-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.discount-field:focus{color:#5c534c;outline:none}.discount-percentage{color:#5c534c;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.3px;line-height:1.4;opacity:1}.price-totals{display:flex;flex-direction:column;gap:4px}.price-line{align-items:center;color:#211613;display:flex;font-weight:300;justify-content:space-between;padding:1px 0}.discount-line,.price-line{font-family:Poppins,sans-serif;font-size:.8rem;line-height:1.3}.discount-line{color:#a29061;font-weight:600;opacity:.95}.total-line{font-weight:600;line-height:1.3;margin-top:6px;padding-top:6px}.price-item .item-name,.total-line{color:#211613;font-family:Poppins,sans-serif;font-size:.9rem}.price-item .item-name{flex:1 1;font-weight:300;line-height:calc(1em + 12px)}.price-item .item-price{color:#a29061;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;line-height:calc(1em + 12px)}.notes-panel{animation:slideInFromRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #a9978333;border-radius:16px;box-shadow:0 8px 32px #21161314,0 2px 8px #2116130a;display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:40px;width:350px}.notes-tab-container{align-items:stretch;display:flex;height:calc(100vh - 200px);position:fixed;right:-10px;top:140px;transition:transform .3s ease-out;z-index:1000}.notes-panel .panel-header{border-bottom:2px solid #a9978333;flex-shrink:0;padding-bottom:16px}.header-content{align-items:center;display:flex;gap:4px;justify-content:space-between}.notes-panel .panel-header h2{color:#211613;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0;text-align:left}.notes-panel .panel-header p{color:#5c534c;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:300;line-height:calc(1em + 12px);margin:0;opacity:.9;text-align:left}.customer-info-section{flex-shrink:0;margin-bottom:0}.customer-info-section h3{color:#211613;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.customer-form{display:flex;flex-direction:column;gap:8px}.customer-form .form-group{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.customer-form label{color:#211613;font-weight:400;line-height:1.2;padding:0}.customer-form label,.customer-input{font-family:Poppins,sans-serif;font-size:.85rem;margin:0}.customer-input{background:#fff;border:1px solid #211613!important;border-radius:8px;box-sizing:border-box;color:#000;font-weight:300;line-height:1.3;padding:4px 12px;transition:all .3s ease;width:100%}.customer-input::placeholder{color:#a99783}.customer-input:focus{background:#fff;border-color:#a29061!important;box-shadow:0 0 0 4px #a2906126;outline:none}.customer-input:not(:focus){border-color:#211613!important}.notes-content{margin-top:0}.notes-content h3{color:#211613;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 8px}.expand-button{align-items:center;background:#5c534c;border:1px solid #a99783;border-radius:8px;box-shadow:0 2px 8px #21161326;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:12px;padding:8px;transition:all .3s ease}.expand-button:hover{background:#8a7c57;border-color:#a29061;color:#fff}.arrow-icon{stroke-width:2.5;height:18px;transition:transform .3s ease;width:18px}.tab-handle{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px 8px;position:relative;transition:all .2s ease;width:40px;z-index:10}.tab-handle:before{background:#5c534c;border-radius:8px;content:"";height:48px;margin-left:7px;position:absolute;width:35px;z-index:-1}.tab-handle:active{transform:none}.tab-arrow{stroke-width:2.5;height:16px;transition:transform .3s ease;width:16px}.notes-content{animation:slideDown .3s ease-out;display:flex;flex:1 1;flex-direction:column;min-height:200px}.notes-textarea{background:#fff;border:1px solid #a997834d;border-radius:10px;color:#000;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300;height:100%;line-height:calc(1em + 12px);max-height:250px;min-height:150px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.notes-textarea:focus{background:#fff;border-color:#a29061;box-shadow:0 0 0 4px #a2906126;outline:none}.notes-textarea::placeholder{color:#a99783;font-style:italic}.notes-footer{align-items:center;animation:slideDown .3s ease-out;border-top:2px solid #a9978333;display:flex;flex-shrink:0;justify-content:space-between;padding-top:12px}.character-count{color:#5c534c;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:300;line-height:calc(1em + 12px);opacity:.8}.notes-buttons{gap:8px}.notes-buttons,.save-button{align-items:center;display:flex}.save-button{background:#a29061;border:none;border-radius:8px;box-shadow:0 4px 12px #a290614d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;gap:6px;letter-spacing:.05em;line-height:calc(1em + 12px);padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.save-button:hover:not(:disabled){background:#8a7c57}.save-button:disabled{background:#5c534c;box-shadow:none;color:#d1cbc7;cursor:not-allowed;transform:none}.clear-button{align-items:center;background:#0000;border:1px solid #a9978366;border-radius:8px;color:#211613;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;gap:6px;line-height:calc(1em + 12px);padding:10px 20px;transition:all .3s ease}.clear-button:hover:not(:disabled){background:#a9978340;border-color:#a29061;color:#211613}.clear-button:disabled{background:#a997830d;box-shadow:none;color:#a99783;cursor:not-allowed;transform:none}.secret-button{align-items:center;background:#0000;border:1px solid #a9978366;border-radius:8px;color:#5c534c;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:300;justify-content:center;min-width:36px;opacity:.7;padding:8px 12px;transition:all .3s ease}.secret-button:hover{background:#a2906126;border-color:#a29061;color:#a29061;opacity:1}.secret-button:active{transform:none}@media (max-width:1400px){.panels-container{gap:32px;padding:40px 48px 32px}.main-panels{gap:24px;grid-template-columns:320px 1fr}.left-panel{gap:20px;max-width:320px;padding:28px 20px}.right-panel{gap:24px;max-height:calc(100vh - 160px);padding:28px 24px}.canvas-area{max-height:320px}.summary-total{font-size:1.4rem}.summary-button{font-size:.9rem;padding:14px 20px}}@media (max-height:900px){.panels-container{gap:28px;padding:32px 40px 24px}.left-panel{max-height:calc(100vh - 150px);padding:24px 18px}.right-panel{max-height:calc(100vh - 140px);padding:24px 20px}.canvas-area{max-height:260px}.summary-button{padding:12px 18px}}@media (max-width:1024px){.main-content{max-width:100%}.app{overflow-x:hidden}.panels-container{gap:16px;overflow-x:hidden;overflow-y:auto;padding:20px 12px}.main-panels{gap:12px;grid-template-columns:200px 1fr;min-width:0}.left-panel{gap:16px;max-width:200px;min-width:200px;overflow-y:auto;padding:16px 12px}.navbar{min-width:0;padding:0 12px}.navbar-content{max-width:100%;min-width:0}.navbar-logo{font-size:.95rem;white-space:nowrap}.logout-button,.reset-package-button{font-size:.75rem;padding:6px 10px;white-space:nowrap}.employee-name{font-size:.85rem}.right-panel{gap:16px;min-width:0;overflow-y:auto;padding:16px 12px}.panel-header h2{font-size:1.2rem;margin-bottom:8px}.panel-header p{font-size:.8rem}.right-panel .panel-header h2{font-size:1.4rem}.canvas-area{padding:12px}.items-header h3{font-size:.9rem}.items-header-actions{gap:6px}.mediakit-icon-button{height:28px;width:28px}.mediakit-icon-button svg{height:16px;width:16px}.draggable-item{font-size:.85rem;padding:8px 10px}.canvas-item{max-width:150px;min-width:100px;padding:10px 6px}.canvas-item .item-name,.canvas-item .item-price{font-size:.7rem}.canvas-items{gap:8px;grid-template-columns:repeat(3,1fr);padding:8px}.form-group input{font-size:.85rem;padding:6px 10px}.form-group label{font-size:.8rem}.add-button,.cancel-button{font-size:.75rem;padding:6px 12px}.total-display{padding:16px}.total-display .total-label{font-size:.9rem}.total-display .total-amount{font-size:1.1rem}.summary-line{font-size:.8rem}.customer-info-section h3{font-size:1rem}.customer-input{font-size:.8rem;padding:4px 10px}.notes-textarea{font-size:.85rem}}@media (max-width:900px){.panels-container{gap:12px;padding:16px 10px}.main-panels{gap:10px;grid-template-columns:180px 1fr}.left-panel{gap:12px;max-width:180px;min-width:180px;padding:12px 10px}.navbar{padding:0 10px}.right-panel{gap:12px;padding:12px 10px}.panel-header h2{font-size:1rem}.right-panel .panel-header h2{font-size:1.1rem}.canvas-item{max-width:130px;min-width:90px}.canvas-items{gap:6px;grid-template-columns:repeat(2,1fr);padding:6px}.items-header-actions{gap:4px}.mediakit-icon-button{height:26px;width:26px}.mediakit-icon-button svg{height:14px;width:14px}}.order-page{background:#e8e5e3;min-height:calc(100vh - 80px);padding:24px}.order-container{background:#fff;border:1px solid #a9978333;border-radius:16px;box-shadow:0 8px 32px #21161314,0 2px 8px #2116130a;margin:0 auto;max-width:1400px;min-width:700px;overflow:hidden}.order-header{background:#211613;border-bottom:1px solid #a9978333;color:#fff;overflow:hidden;padding:24px 32px;position:relative;text-align:center}.order-header:before{display:none}.order-header h1{font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0}.order-meta{background:#0000;border-radius:0;color:#fff;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;justify-content:center;line-height:calc(1em + 10px);margin-top:8px;opacity:.9;padding:8px 0}.employee-info,.order-meta{align-items:center;display:flex}.employee-info{gap:8px}.order-page .employee-avatar{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.order-page .employee-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.order-date{color:#fff;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;line-height:calc(1em + 10px);opacity:.9}.order-content{align-items:stretch;display:flex;flex-direction:column;padding:24px}.order-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-bottom:16px;max-width:100%;min-height:0;width:100%}.left-column-container{gap:16px;grid-column:1;grid-row:1}.items-section,.left-column-container{display:flex;flex-direction:column;min-height:0}.items-section{background:#fff;border:1px solid #a9978333;border-radius:12px;box-shadow:0 4px 16px #2116130f;box-sizing:border-box;flex:1 1;padding:20px;width:100%}.manager-section{grid-column:2;grid-row:1}.total-section{flex-shrink:0}.order-grid h2{border-bottom:2px solid #a9978333;color:#211613;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:12px;padding-bottom:8px;text-align:left}.items-list{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:0;margin-bottom:0}.summary-item{align-items:center;border-bottom:1px solid #a9978333;border-radius:4px;display:flex;justify-content:space-between;padding:8px 0;transition:all .3s ease}.summary-item:last-child{border-bottom:none}.summary-item:hover{background-color:#a997831a}.item-details{align-items:center;display:flex;gap:8px}.summary-item .item-name{color:#211613;font-size:.9375rem;line-height:calc(1em + 12px);margin:0}.item-quantity,.summary-item .item-name{font-family:Poppins,sans-serif;font-weight:300}.item-quantity{color:#5c534c;display:inline;font-size:.875rem;margin:0 0 0 12px;opacity:.85}.item-total{color:#a29061;font-size:.9375rem;font-weight:600}.item-total,.order-page .notes-content{font-family:Poppins,sans-serif;line-height:calc(1em + 12px)}.order-page .notes-content{background:#fff;border:1px solid #a997834d;border-radius:8px;color:#000;font-size:.875rem;font-weight:300;min-height:-webkit-fit-content;min-height:fit-content;padding:12px;white-space:pre-wrap}.total-section{background:#fff;border:1px solid #a9978333;border-radius:12px;box-shadow:0 4px 16px #2116130f;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;margin-bottom:0;padding:20px;width:100%}.total-breakdown{margin:0;max-width:none}.manager-section{align-self:stretch;box-shadow:0 4px 16px #2116130f;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-height:100%;width:100%}.manager-info,.manager-section,.manager-section .notes-section{background:#fff;border:1px solid #a9978333;border-radius:12px;padding:20px}.manager-section .notes-section{margin-top:0}.manager-section .notes-section h2{color:#211613;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.4;margin-bottom:12px}.manager-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.manager-avatar{border:1px solid #e8e5e3;border-radius:50%;box-shadow:none;flex-shrink:0;height:60px;overflow:hidden;width:60px}.manager-profile-image{height:100%;object-fit:cover;width:100%}.manager-initials{align-items:center;color:#fff;display:flex;font-size:1.6rem;height:100%;justify-content:center;width:100%}.manager-info h3,.manager-initials{font-family:Poppins,sans-serif;font-weight:600}.manager-info h3{color:#211613;font-size:1.125rem;line-height:1.4;margin:0;text-align:left}.manager-bio{color:#5c534c;margin:0;opacity:.9}.manager-bio,.order-page .total-line{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;line-height:calc(1em + 12px)}.order-page .total-line{align-items:center;color:#211613;display:flex;justify-content:space-between;padding:6px 0}.order-page .discount-line{color:#a29061;font-family:Poppins,sans-serif;font-weight:600;opacity:.95}.main-total{border-bottom:none;border-top:2px solid #a997834d!important;color:#211613;margin-top:8px;padding:8px 0 0}.main-total,.total-amount{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;line-height:calc(1em + 12px)}.total-amount{color:#a29061}.action-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-left:0;margin-right:0;margin-top:16px;max-width:100%;padding:0;width:100%}.back-button,.download-pdf-button{border:none;border-radius:0;cursor:pointer;font-size:.875rem;font-weight:400;padding:12px 24px;transition:all .2s ease;width:auto}.back-button{background:#0000;border:1px solid #a9978366;border-radius:8px;color:#211613;font-family:Poppins,sans-serif;font-weight:300;justify-self:end;line-height:calc(1em + 12px);transition:all .3s ease}.download-pdf-button{justify-self:start}.back-button:hover{background:#a9978340;border-color:#a29061;color:#211613}.download-pdf-button{align-items:center;background:#a29061;border-radius:10px;box-shadow:0 4px 12px #a290614d;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400;gap:8px;justify-content:center;letter-spacing:.05em;line-height:1.6;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.download-pdf-button:hover{background:#8a7c57}.error-container{margin:0 auto;max-width:400px;padding:60px 20px;text-align:center}.error-container h2{color:#211613;line-height:calc(1em + 10px);margin-bottom:20px}.error-container button,.error-container h2{font-family:Poppins,sans-serif;font-weight:600}.error-container button{background:#a29061;border:none;border-radius:10px;box-shadow:0 4px 12px #a290614d;color:#fff;cursor:pointer;font-size:1rem;line-height:calc(1em + 12px);padding:12px 24px;transition:all .3s ease}.error-container button:hover{background:#8a7c57}@media (max-width:1024px) and (min-width:700px){.order-page{padding:20px}.order-container{max-width:100%}.order-content{padding:20px}.order-grid{gap:16px}.items-section{padding:16px}.action-buttons{gap:12px}}@media (max-width:768px){.order-page{overflow-x:auto;padding:30px 15px}.order-container{border-radius:16px;max-width:100%;min-width:700px}.order-header{padding:30px 20px}.order-header h1{font-size:2.2rem}.order-content{padding:30px 20px}.order-meta{flex-direction:column;gap:20px;text-align:center}.items-list{gap:10px;padding:15px}.summary-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 15px}.item-total{align-self:flex-end}.order-grid{gap:20px;grid-template-columns:1fr}.items-section{grid-column:1;grid-row:1}.manager-section{gap:15px;grid-column:1;grid-row:2}.total-section{grid-column:1;grid-row:3;margin-bottom:30px;padding:30px 20px}.action-buttons{align-items:center;flex-direction:column;gap:15px}.back-button,.download-pdf-button{max-width:300px;padding:15px 25px;width:100%}}@media (max-width:480px){.order-page{padding:20px 10px}.order-header h1{font-size:1.8rem}.order-content{padding:20px 15px}.summary-item{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}.item-details{gap:2px}.summary-item .item-name{font-size:1rem}.item-quantity{font-size:.85rem}.item-total{align-self:flex-end;font-size:1.1rem}.total-section{padding:20px 15px}}:root{--pdf-primary-color:#211613;--pdf-accent-color:#a29061;--pdf-text-color:#000;--pdf-border-color:#000;--pdf-header-size:18;--pdf-section-size:12;--pdf-text-size:9;--pdf-small-size:8;--pdf-margin:15;--pdf-line-height:4;--pdf-section-spacing:12;--pdf-page-width:210;--pdf-page-height:297}.login-page{align-items:center;background:#e8e5e3;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #a9978333;border-radius:16px;box-shadow:0 8px 32px #21161314,0 2px 8px #2116130a;max-width:420px;padding:60px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{height:auto;margin-bottom:20px;width:180px}.login-header h1{color:#211613;font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0 0 12px}.login-header p{color:#5c534c;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:300;line-height:calc(1em + 12px);margin:0;opacity:.9}.login-form{margin-bottom:25px}.error-message{background:#a290611a;border:1px solid #a29061;border-radius:8px;color:#a29061;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:300;line-height:calc(1em + 12px);padding:12px}.error-message,.form-group{margin-bottom:20px}.form-group label{color:#211613;display:block;font-size:.9rem;font-weight:400;margin-bottom:8px}.form-group input,.form-group label{font-family:Poppins,sans-serif;line-height:calc(1em + 12px)}.form-group input{background:#fff;border:1px solid #a997834d;border-radius:8px;box-sizing:border-box;color:#000;font-size:1rem;font-weight:300;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#a99783}.form-group input:focus{background:#fff;border-color:#a29061;box-shadow:0 0 0 4px #a2906126;outline:none}.login-button{background:#a29061;border:none;border-radius:10px;box-shadow:0 4px 12px #a290614d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9375rem;font-weight:400;letter-spacing:.05em;line-height:calc(1em + 12px);margin-top:10px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover{background:#8a7c57}.login-button:active{transform:none}.login-button:disabled{background:#5c534c;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.attempts-counter{background:#a2906114;border:1px solid #a2906133;border-radius:8px;color:#5c534c;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:400;line-height:calc(1em + 12px);margin-top:16px;padding:10px;text-align:center}
/*# sourceMappingURL=main.4b6f9a80.css.map*/