.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#fdf6f0,#fae8dc,#f5ddd1);padding:20px}.login-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.6)}.login-logo{text-align:center;margin-bottom:40px}.login-logo img{width:120px;height:120px;object-fit:contain;margin-bottom:16px}.logo-title{display:block;font-size:28px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.logo-subtitle{display:block;font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-top:6px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--gray-700)}.form-group input{padding:16px 18px;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;transition:all .2s ease;background:var(--white);color:var(--gray-900)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #c75b4a1f}.form-group input::placeholder{color:var(--gray-400)}.error-message{background:#fef2f2;color:var(--error);padding:14px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;text-align:center;border:1px solid #FEE2E2}.login-button{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:var(--white);padding:16px 24px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;transition:all .2s ease;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #c75b4a59}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-page{padding:60px 16px 16px;align-items:flex-start}.login-card{padding:36px 24px;border-radius:var(--radius-lg)}.login-logo img{width:100px;height:100px}.logo-title{font-size:24px}.logo-subtitle{font-size:12px}.login-logo{margin-bottom:32px}.form-group input{padding:14px 16px}.login-button{padding:14px 20px}}.orders-page{min-height:100vh;background:var(--gray-100)}.page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:20px 24px}.page-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.orders-title{font-size:24px;font-weight:700;color:var(--gray-900)}.header-actions{display:flex;align-items:center;gap:12px}.logout-button{padding:10px 16px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--gray-600);transition:all .2s ease}.logout-button:hover{background:var(--gray-200);color:var(--gray-900)}.orders-filters{background:var(--white);border-bottom:1px solid var(--gray-200);padding:16px 24px}.filters-content{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-label{font-size:13px;font-weight:500;color:var(--gray-500)}.filter-select,.filter-input{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900);transition:all .2s ease}select.filter-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.filter-input{width:140px}.search-input{width:200px}.filter-button{padding:10px 16px;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all .2s ease}.filter-button:hover{background:var(--primary-dark)}.filter-reset{padding:10px 16px;background:transparent;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:all .2s ease}.filter-reset:hover{background:var(--gray-100);color:var(--gray-700)}.orders-content{max-width:1400px;margin:0 auto;padding:24px}.orders-stats{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:16px 24px;min-width:100px;cursor:pointer;transition:all .2s ease;border:1px solid var(--gray-200)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:28px;font-weight:700;color:var(--gray-900)}.stat-label{font-size:13px;color:var(--gray-500);margin-top:4px}.stat-card-total{background:linear-gradient(135deg,#f3e8e6,#fdf8f7);border-color:var(--primary)}.stat-card-total .stat-value{color:var(--primary)}.stat-card-total .stat-label{color:#b45b4a}.stat-card-status-0{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#f59e0b}.stat-card-status-0 .stat-value{color:#92400e}.stat-card-status-0 .stat-label{color:#b45309}.stat-card-status-1{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f6}.stat-card-status-1 .stat-value{color:#1e40af}.stat-card-status-1 .stat-label{color:#1d4ed8}.stat-card-status-2{background:linear-gradient(135deg,#e0e7ff,#eef2ff);border-color:#6366f1}.stat-card-status-2 .stat-value{color:#3730a3}.stat-card-status-2 .stat-label{color:#4338ca}.stat-card-status-3{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#10b981}.stat-card-status-3 .stat-value{color:#065f46}.stat-card-status-3 .stat-label{color:#047857}.stat-card-status-4{background:linear-gradient(135deg,#d1fae5,#ecfdf5);border-color:#10b981}.stat-card-status-4 .stat-value{color:#065f46}.stat-card-status-4 .stat-label{color:#047857}.stat-card-status-5{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#ef4444}.stat-card-status-5 .stat-value{color:#991b1b}.stat-card-status-5 .stat-label{color:#b91c1c}.stat-card-status-6{background:linear-gradient(135deg,#e5e7eb,#f3f4f6);border-color:#9ca3af}.stat-card-status-6 .stat-value{color:#374151}.stat-card-status-6 .stat-label{color:#4b5563}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;border:1px solid var(--gray-100)}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.order-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.order-number{font-size:16px;font-weight:600;color:var(--gray-900)}.order-date{font-size:13px;color:var(--gray-500);margin-top:2px}.order-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-0{background:#fef3c7;color:#92400e}.status-1{background:#dbeafe;color:#1e40af}.status-2{background:#e0e7ff;color:#3730a3}.status-3,.status-4{background:#d1fae5;color:#065f46}.status-5{background:#fee2e2;color:#991b1b}.status-6{background:#f3f4f6;color:#374151}.order-card-body{display:flex;gap:24px}.order-info{flex:1}.order-recipient{display:flex;align-items:center;gap:8px;margin-bottom:8px}.recipient-name{font-size:15px;font-weight:500;color:var(--gray-900)}.recipient-phone{font-size:14px;color:var(--primary);text-decoration:none}.recipient-phone:hover{text-decoration:underline}.order-address{font-size:13px;color:var(--gray-500);line-height:1.5}.order-items-preview{flex:1;max-width:400px}.items-list{font-size:14px;color:var(--gray-700);line-height:1.6}.item-line{display:flex;justify-content:space-between;gap:8px}.item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-qty{color:var(--gray-500);flex-shrink:0}.order-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-100)}.order-total{font-size:18px;font-weight:700;color:var(--gray-900)}.order-delivery-type{font-size:13px;color:var(--gray-500);display:flex;align-items:center;gap:6px}.order-comment{margin-top:12px;padding:12px;background:var(--gray-50);border-radius:var(--radius-sm);font-size:13px;color:var(--gray-600)}.comment-label{font-weight:600;color:var(--gray-700);margin-right:6px}.orders-loading,.orders-empty{text-align:center;padding:60px 20px;color:var(--gray-500)}.orders-empty-icon{font-size:48px;margin-bottom:16px}.order-drawer-overlay{position:fixed;inset:0;background:#0000004d;z-index:200;opacity:0;visibility:hidden;transition:all .3s ease}.order-drawer-overlay.open{opacity:1;visibility:visible}.order-drawer{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:100%;background:var(--white);z-index:201;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column}.order-drawer.open{transform:translate(0)}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.drawer-title{font-size:18px;font-weight:600;color:var(--gray-900)}.drawer-close{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.drawer-close:before,.drawer-close:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:2px;background:var(--gray-500);border-radius:1px}.drawer-close:before{transform:translate(-50%,-50%) rotate(45deg)}.drawer-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.drawer-close:hover{background:var(--gray-200)}.drawer-close:hover:before,.drawer-close:hover:after{background:var(--gray-700)}.drawer-content{flex:1;overflow-y:auto;padding:24px}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:12px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.drawer-info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--gray-100)}.drawer-info-label{font-size:14px;color:var(--gray-500)}.drawer-info-value{font-size:14px;font-weight:500;color:var(--gray-900)}.drawer-items-list{display:flex;flex-direction:column;gap:12px}.drawer-item{display:flex;gap:12px;padding:12px;background:var(--gray-50);border-radius:var(--radius-md)}.drawer-item-photo{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-200)}.drawer-item-info{flex:1}.drawer-item-title{font-size:14px;font-weight:500;color:var(--gray-900);margin-bottom:4px}.drawer-item-meta{font-size:13px;color:var(--gray-500)}.drawer-status-select{width:100%;padding:12px 36px 12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background-color:var(--white);color:var(--gray-900);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.drawer-datetime-input{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900)}.drawer-datetime-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.drawer-status-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:20px 0}.pagination-button{padding:10px 16px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--gray-700);transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-300)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--gray-500);padding:0 16px}.stat-card-clickable{cursor:pointer;transition:all .2s ease}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-active{outline:2px solid var(--primary);outline-offset:-2px}@media(max-width:768px){.orders-header{padding:16px}.orders-title{font-size:20px}.orders-filters{padding:12px 16px}.filters-content{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.filter-input,.search-input{width:100%}.orders-content{padding:16px}.orders-stats{display:grid;grid-template-columns:repeat(2,1fr)}.order-card{padding:16px}.order-card-body{flex-direction:column;gap:12px}.order-items-preview{max-width:none}.order-drawer{width:100%}.drawer-content{padding:16px}}@media(max-width:480px){.orders-header-content{flex-direction:column;align-items:flex-start}.orders-stats{grid-template-columns:1fr}.stat-card{display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:24px}.order-card-header{flex-direction:column;gap:8px}.order-card-footer{flex-direction:column;align-items:flex-start;gap:8px}}.fab-button{bottom:32px;right:32px;width:60px;height:60px;border-radius:50%;background:var(--primary);color:var(--white);border:none;cursor:pointer;box-shadow:0 4px 12px #c75b4a66;transition:all .2s ease;z-index:100;position:fixed}.fab-button:before,.fab-button:after{content:"";position:absolute;background:var(--white);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2px}.fab-button:before{width:16px;height:3px}.fab-button:after{width:3px;height:18px}.fab-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #c75b4a80}.fab-button:active{transform:scale(.95)}.order-source-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--gray-100);color:var(--gray-600);border-radius:12px;font-size:11px;font-weight:500;vertical-align:middle}.drawer-source-badge{display:inline-block;padding:6px 12px;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-md);font-size:14px;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:540px;max-height:90vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;z-index:301;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:18px;font-weight:600;color:var(--gray-900);margin:0}.modal-close{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.modal-close:before,.modal-close:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background:var(--gray-500);border-radius:1px}.modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close:hover{background:var(--gray-200)}.modal-close:hover:before,.modal-close:hover:after{background:var(--gray-700)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-content{flex:1;overflow-y:auto;padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900);transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-400)}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-textarea{min-height:80px;resize:vertical}.form-loading,.form-empty{padding:16px;text-align:center;color:var(--gray-500);font-size:14px}.form-items-list{margin-top:16px;border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.form-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-100)}.form-item:last-child{border-bottom:none}.form-item-info{flex:1;min-width:0}.form-item-title{font-size:14px;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-item-price{font-size:13px;color:var(--gray-500);margin-top:2px}.form-item-controls{display:flex;align-items:center;gap:8px;margin-left:16px}.form-item-btn{width:32px;height:32px;border:1px solid var(--gray-200);background:var(--white);border-radius:var(--radius-sm);font-size:18px;color:var(--gray-600);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.form-item-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.form-item-quantity{min-width:24px;text-align:center;font-size:14px;font-weight:600;color:var(--gray-900)}.form-item-remove{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);font-size:14px;color:var(--gray-500);cursor:pointer;transition:all .2s ease;margin-left:8px}.form-item-remove:hover{background:#fee2e2;color:#dc2626}.form-items-total{padding:12px 16px;background:var(--gray-50);font-size:15px;font-weight:600;color:var(--gray-900);text-align:right}.btn{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}@media(max-width:768px){.fab-button{bottom:24px;right:24px;width:56px;height:56px;font-size:28px}.modal{width:95%;max-height:85vh}.modal-content{padding:16px}.form-item{flex-wrap:wrap;gap:12px}.form-item-controls{margin-left:0;width:100%;justify-content:flex-end}}.btn-danger{background:#dc3545;color:var(--white)}.btn-danger:hover:not(:disabled){background:#c82333}.btn-block{width:100%}.modal-small{max-width:400px}.modal-small .modal-content{padding:16px 20px}.modal-small .modal-content p{margin:0;color:var(--gray-600);font-size:14px;line-height:1.5}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:600px){.form-row-2,.form-row-3{grid-template-columns:1fr}}.drawer-schedule-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.drawer-schedule-item label{display:block;font-size:11px;color:var(--gray-500);margin-bottom:4px;text-transform:uppercase}.drawer-input{width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;background:var(--white);box-sizing:border-box}.drawer-input:focus{outline:none;border-color:var(--primary)}.drawer-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drawer-payment-item label{display:block;font-size:11px;color:var(--gray-500);margin-bottom:4px;text-transform:uppercase}.drawer-select{width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:14px;background:var(--white);box-sizing:border-box;cursor:pointer}.drawer-select:focus{outline:none;border-color:var(--primary)}@media(max-width:480px){.drawer-schedule-grid,.drawer-payment-grid{grid-template-columns:1fr}}.drp-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.drp-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:680px;width:95%;max-height:90vh;overflow:hidden}.drp-content{display:flex;min-height:360px}.drp-presets{width:160px;background:#f8f9fa;border-right:1px solid #e5e7eb;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.drp-preset-btn{padding:8px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;color:#374151;cursor:pointer;text-align:left;transition:all .15s ease}.drp-preset-btn:hover{background:#e5e7eb}.drp-preset-btn.active{background:#c9453b;color:#fff}.drp-preset-divider{height:1px;background:#e5e7eb;margin:8px 0}.drp-calendars{flex:1;padding:16px}.drp-calendars-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drp-nav-btn{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#374151;transition:all .15s ease}.drp-nav-btn:hover{background:#e5e7eb}.drp-months-title{display:flex;gap:60px}.drp-month-title{font-size:15px;font-weight:600;color:#1f2937;min-width:140px;text-align:center}.drp-calendars-body{display:flex;gap:24px}.drp-calendar{flex:1}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.drp-weekday{text-align:center;font-size:12px;font-weight:500;color:#9ca3af;padding:4px}.drp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.drp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#374151;border-radius:8px;cursor:pointer;transition:all .15s ease}.drp-day:hover:not(.drp-day-empty){background:#f3f4f6}.drp-day-empty{cursor:default}.drp-day-today{font-weight:600;color:#c9453b}.drp-day-start,.drp-day-end{background:#c9453b!important;color:#fff!important;font-weight:500}.drp-day-start{border-radius:8px 0 0 8px}.drp-day-end{border-radius:0 8px 8px 0}.drp-day-start.drp-day-end{border-radius:8px}.drp-day-in-range{background:#fce8e6;border-radius:0}.drp-day-hover{background:#fef2f1}.drp-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.drp-selected-range{font-size:14px;color:#6b7280}.drp-actions{display:flex;gap:8px}.drp-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.drp-btn-cancel{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.drp-btn-cancel:hover{background:#e5e7eb}.drp-btn-apply{background:#c9453b;border:none;color:#fff}.drp-btn-apply:hover:not(:disabled){background:#b33d34;box-shadow:0 4px 12px #c9453b66}.drp-btn-apply:disabled{background:#e5a8a4;cursor:not-allowed}.date-range-button{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .15s ease;white-space:nowrap}.date-range-button:hover{border-color:#c9453b;color:#c9453b}.date-range-button svg{width:18px;height:18px;color:#9ca3af}.date-range-button:hover svg{color:#c9453b}@media(max-width:640px){.drp-content{flex-direction:column}.drp-presets{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e5e7eb;padding:8px}.drp-preset-btn{padding:6px 10px;font-size:12px}.drp-preset-divider{display:none}.drp-calendars-body{flex-direction:column;gap:16px}.drp-months-title{flex-direction:column;gap:4px}.drp-footer{flex-direction:column;gap:12px}.drp-actions{width:100%}.drp-btn{flex:1}}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--gray-100)}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo img{width:44px;height:44px;object-fit:contain}.sidebar-logo-text{font-size:18px;font-weight:700;color:var(--gray-900)}.sidebar-logo-badge{font-size:10px;font-weight:600;color:var(--white);background:var(--primary);padding:3px 8px;border-radius:4px;margin-left:8px;vertical-align:middle}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--gray-600);font-size:15px;font-weight:500;transition:all .2s ease;margin-bottom:4px;cursor:pointer;border:none;background:none;width:100%;text-align:left;text-decoration:none}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:#c75b4a1a;color:var(--primary)}.nav-item-icon{font-size:20px;width:24px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid var(--gray-100)}.user-info{display:flex;align-items:center;justify-content:space-between}.user-details{display:flex;flex-direction:column}.user-name{font-size:14px;font-weight:600;color:var(--gray-900)}.user-role{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.logout-btn{padding:8px 12px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:var(--gray-200);color:var(--gray-900)}.layout-content{flex:1;margin-left:260px;min-height:100vh;background:var(--gray-100);overflow-x:hidden}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 16px;align-items:center;justify-content:space-between;z-index:99}.mobile-logo{display:flex;align-items:center;gap:8px}.mobile-logo img{width:36px;height:36px}.mobile-logo-text{font-size:16px;font-weight:700;color:var(--gray-900)}.mobile-menu-btn{width:40px;height:40px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.open{opacity:1;visibility:visible}.mobile-header{display:flex}.layout-content{margin-left:0;padding-top:60px}}.workshop-page{min-height:100vh;background:var(--gray-100)}.workshop-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.workshop-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.workshop-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.workshop-date-picker{display:flex;align-items:center;gap:12px}.workshop-date-picker label{font-size:14px;font-weight:500;color:var(--gray-600)}.workshop-date-picker input{padding:10px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900)}.workshop-date-picker input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.workshop-actions{display:flex;gap:8px}.workshop-content{padding:24px;max-width:1400px;margin:0 auto}.workshop-progress{background:linear-gradient(135deg,#c75b4a,#e8a090);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:24px;box-shadow:var(--shadow-md)}.workshop-progress-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.workshop-progress-text{font-size:16px;font-weight:500;color:var(--white)}.workshop-progress-percent{font-size:18px;font-weight:700;color:var(--white)}.workshop-progress-bar{height:12px;background:#ffffff4d;border-radius:6px;overflow:hidden}.workshop-progress-fill{height:100%;background:var(--white);border-radius:6px;transition:width .3s ease}.workshop-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.order-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;position:relative}.order-card:hover{box-shadow:var(--shadow-md)}.order-card.selected{border-color:var(--primary);background:#fff9f8}.order-card-checkbox{position:absolute;top:12px;right:12px}.order-card-checkbox input{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-right:30px}.order-card-date{font-size:14px;font-weight:600;color:var(--gray-900)}.order-card-times{display:flex;gap:16px}.order-card-time{display:flex;flex-direction:column;align-items:center;text-align:center}.time-label{font-size:10px;text-transform:uppercase;color:var(--gray-400);letter-spacing:.5px}.time-value{font-size:14px;font-weight:700;color:var(--gray-900)}.order-card-items{border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:12px 0;margin-bottom:12px}.order-card-items table{width:100%;border-collapse:collapse}.order-card-items td{padding:4px 0;font-size:13px;color:var(--gray-700)}.order-card-items .item-name{font-weight:500;word-break:break-word;white-space:normal}.order-card-items .set-name{font-weight:600;margin-bottom:4px}.order-card-items .set-items-list{margin:0;padding-left:16px;font-size:12px;color:var(--gray-600);font-weight:400}.order-card-items .set-items-list li{margin:2px 0}.order-card-items .item-qty{text-align:right;font-weight:700;width:30px;vertical-align:top}.order-card-items .item-qty{text-align:right;font-weight:700;width:40px}.order-card-payment{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.payment-info{font-size:12px;color:var(--gray-500)}.payment-total{font-size:16px;font-weight:700;color:var(--primary)}.order-card-address{font-size:12px;color:var(--gray-600);line-height:1.4;margin-bottom:10px;padding:8px;background:var(--gray-50);border-radius:var(--radius-sm)}.order-card-recipient{display:flex;justify-content:space-between;align-items:center;font-size:12px}.recipient-phone{color:var(--primary);font-weight:600}.recipient-name{color:var(--gray-600)}.order-card-comment{margin-top:10px;padding:8px;background:#fff3cd;border-radius:var(--radius-sm);font-size:12px;color:#856404;font-style:italic}.workshop-empty{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.workshop-empty-icon{font-size:48px;margin-bottom:16px}.workshop-empty-text{font-size:16px;color:var(--gray-500)}.workshop-loading{text-align:center;padding:60px 20px;color:var(--gray-500)}@media(max-width:768px){.workshop-header{padding:16px;flex-direction:column;align-items:stretch}.workshop-title{font-size:20px}.workshop-controls{flex-direction:column;align-items:stretch}.workshop-actions{flex-wrap:wrap}.workshop-content{padding:16px}.workshop-cards{grid-template-columns:1fr}}.workshop-tabs{display:flex;gap:0;padding:0 24px;background:var(--white);border-bottom:1px solid var(--gray-200)}.workshop-tab{padding:12px 24px;font-size:14px;font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.workshop-tab:hover{color:var(--gray-700)}.workshop-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.summary-groups{display:flex;flex-direction:column;gap:16px}.summary-group{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.summary-group-header{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#c75b4a,#e8a090)}.summary-group-time-label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#fffc}.summary-group-time{font-size:20px;font-weight:700;color:var(--white)}.summary-group-items{padding:8px 20px}.summary-item{display:flex;align-items:baseline;gap:8px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.summary-item:last-child{border-bottom:none}.summary-item-name{font-size:15px;font-weight:500;color:var(--gray-800)}.summary-item-dots{flex:1;border-bottom:1px dotted var(--gray-300);min-width:20px;margin-bottom:4px}.summary-item-qty{font-size:18px;font-weight:700;color:var(--primary);white-space:nowrap}@media(max-width:768px){.workshop-tabs{padding:0 16px}.workshop-tab{flex:1;text-align:center;padding:10px 16px}.summary-group-header{padding:12px 16px}.summary-group-items{padding:4px 16px}}@media print{.no-print{display:none!important}body{background:#fff!important;margin:0;padding:0}.workshop-page{background:#fff!important;min-height:auto}.workshop-content{padding:0;max-width:none}.workshop-cards{display:flex;flex-wrap:wrap;gap:0}.order-card{width:72mm;min-height:auto;padding:8px;margin:4px;border:1px solid #000;border-radius:0;box-shadow:none;background:#fff!important;page-break-inside:avoid;font-size:11px}.order-card.selected{border-color:#000;background:#fff!important}.order-card-header{padding-right:0;margin-bottom:8px}.order-card-date{font-size:12px}.time-label{font-size:8px}.time-value{font-size:12px}.order-card-items{padding:8px 0;margin-bottom:8px}.order-card-items td{font-size:11px;padding:2px 0}.order-card-payment{margin-bottom:6px}.payment-info{font-size:10px}.payment-total{font-size:14px;color:#000}.order-card-address{font-size:10px;padding:4px;margin-bottom:6px;background:#f5f5f5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.order-card-recipient{font-size:10px}.recipient-phone{color:#000}.order-card-comment{font-size:10px;padding:4px;margin-top:6px;background:#fff3cd!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.products-page{min-height:100vh;background:var(--gray-100)}.products-page .page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.products-page .page-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.page-actions{display:flex;gap:12px;align-items:center}.import-btn{cursor:pointer}.tabs-container{background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 24px}.tabs{display:flex;gap:0}.tab{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.tab:hover{color:var(--gray-700);background:var(--gray-50)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.import-result{margin:16px 24px 0;padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;font-size:14px}.import-result.success{background:#d1fae5;color:#065f46}.import-result.error{background:#fee2e2;color:#991b1b}.import-errors{opacity:.8}.import-result-close{background:none;border:none;font-size:20px;cursor:pointer;opacity:.6;padding:0 4px}.import-result-close:hover{opacity:1}.import-hint{margin:16px 24px 0;padding:12px 16px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:13px;color:var(--gray-600);line-height:1.5}.import-hint strong{color:var(--gray-700)}.products-content{padding:24px;max-width:1600px;margin:0 auto}.products-loading,.products-empty{text-align:center;padding:60px 20px;color:var(--gray-500)}.products-empty-icon{font-size:48px;margin-bottom:16px}.products-empty p{margin-top:8px;font-size:14px}.products-table-wrapper{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.products-table{width:100%;min-width:900px;border-collapse:collapse}.products-table th{background:var(--gray-50);padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200)}.products-table td{padding:14px 16px;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle}.products-table tr:last-child td{border-bottom:none}.products-table tr:hover{background:var(--gray-50)}.products-table tr.unavailable{opacity:.5}.product-title-cell{max-width:300px}.product-title-cell .product-title{display:block;font-weight:500;color:var(--gray-900)}.product-title-cell .product-code{display:block;font-size:12px;color:var(--gray-400);margin-top:2px}.price-cell{font-weight:500;white-space:nowrap}.actions-cell{white-space:nowrap}.status-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.status-badge.available{background:#d1fae5;color:#065f46}.status-badge.unavailable{background:var(--gray-100);color:var(--gray-500)}.status-badge:hover{opacity:.8}.btn-icon{width:32px;height:32px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.btn-icon:hover{background:var(--gray-100);border-color:var(--gray-300)}.btn-icon.danger:hover{background:#fee2e2;border-color:#ef4444}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.set-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);overflow:hidden;transition:all .2s ease}.set-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.set-card.unavailable{opacity:.6}.set-header{padding:16px 20px;border-bottom:1px solid var(--gray-100)}.set-title{font-size:16px;font-weight:600;color:var(--gray-900);margin:0 0 4px}.set-category{font-size:12px;color:var(--gray-500)}.set-prices{padding:16px 20px;display:flex;gap:24px;background:var(--gray-50)}.set-price,.set-cost{display:flex;flex-direction:column;gap:2px}.set-price .label,.set-cost .label{font-size:11px;color:var(--gray-500);text-transform:uppercase}.set-price .value{font-size:18px;font-weight:700;color:var(--primary)}.set-cost .value{font-size:16px;font-weight:500;color:var(--gray-600)}.set-items-preview{padding:16px 20px}.set-items-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;margin-bottom:8px}.set-items-list{list-style:none;padding:0;margin:0}.set-items-list li{font-size:13px;color:var(--gray-700);padding:4px 0;border-bottom:1px dashed var(--gray-200)}.set-items-list li:last-child{border-bottom:none}.set-items-list li.more{color:var(--gray-400);font-style:italic}.set-items-empty{font-size:13px;color:var(--gray-400);font-style:italic}.set-actions{padding:12px 20px;border-top:1px solid var(--gray-100);display:flex;align-items:center;gap:8px}.set-actions .status-badge{flex:1;text-align:center}.products-page .modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300}.products-page .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:90vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;z-index:301;display:flex;flex-direction:column}.products-page .modal.modal-wide{max-width:700px}.products-page .modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.products-page .modal-title{font-size:18px;font-weight:600;color:var(--gray-900);margin:0}.products-page .modal-close{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);font-size:20px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.products-page .modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.products-page .modal-content{flex:1;overflow-y:auto;padding:24px}.products-page .modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.products-page .form-group{margin-bottom:20px}.products-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.products-page .form-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:8px}.products-page .form-input{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900);transition:all .2s ease;box-sizing:border-box}.products-page .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.products-page .form-input::placeholder{color:var(--gray-400)}.add-item-form{display:flex;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}.add-item-form select{flex:1}.add-item-form .quantity-input{width:80px;text-align:center}.set-items-table{width:100%;border-collapse:collapse}.set-items-table th{background:var(--gray-50);padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase}.set-items-table td{padding:12px;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.quantity-inline{width:60px;padding:6px 8px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);text-align:center;font-size:14px}.quantity-inline:focus{outline:none;border-color:var(--primary)}.set-items-empty-modal{text-align:center;padding:40px 20px;color:var(--gray-400);font-size:14px}.products-page .btn{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.products-page .btn:disabled{opacity:.6;cursor:not-allowed}.products-page .btn-primary{background:var(--primary);color:var(--white)}.products-page .btn-primary:hover:not(:disabled){background:var(--primary-dark)}.products-page .btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.products-page .btn-secondary:hover:not(:disabled){background:var(--gray-200)}@media(max-width:768px){.products-page .page-header{flex-direction:column;align-items:stretch}.page-actions{flex-direction:column}.page-actions .btn{width:100%;justify-content:center}.tabs-container{padding:0 16px}.tab{padding:14px 16px;font-size:13px}.products-content{padding:16px}.import-hint,.import-result{margin:16px 16px 0}.products-table-wrapper{overflow-x:auto;max-width:100%}.products-content{overflow-x:hidden}.products-table th,.products-table td{padding:10px 12px;font-size:13px}.sets-grid,.products-page .form-row{grid-template-columns:1fr}.products-page .modal{width:95%;max-height:95vh}.products-page .modal.modal-wide{max-width:95%}.add-item-form{flex-direction:column}.add-item-form .quantity-input{width:100%}}.staff-page{min-height:100vh;background:var(--gray-100)}.staff-page .page-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.staff-page .page-title{font-size:24px;font-weight:700;color:var(--gray-900);margin:0}.staff-page .page-actions{display:flex;gap:12px;align-items:center}.staff-content{padding:24px;max-width:900px;margin:0 auto}.staff-loading,.staff-empty{text-align:center;padding:60px 20px;color:var(--gray-500)}.staff-empty-icon{font-size:48px;margin-bottom:16px}.staff-list{display:flex;flex-direction:column;gap:12px}.staff-card{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s ease}.staff-card:hover{box-shadow:var(--shadow-md);border-color:var(--gray-200)}.staff-card.inactive{opacity:.6}.staff-card-main{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.staff-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.staff-info{flex:1;min-width:0}.staff-name{font-size:16px;font-weight:600;color:var(--gray-900);margin-bottom:4px}.staff-email{font-size:14px;color:var(--gray-500);margin-bottom:8px}.staff-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.staff-role{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.staff-role.role-owner{background:#fef3c7;color:#92400e}.staff-role.role-admin{background:#dbeafe;color:#1e40af}.staff-role.role-worker{background:#d1fae5;color:#065f46}.staff-date{font-size:12px;color:var(--gray-400)}.staff-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.staff-toggle{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--gray-50);color:var(--gray-500);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.staff-toggle.active{background:#d1fae5;border-color:#10b981;color:#065f46}.staff-toggle:hover{opacity:.8}.staff-btn{width:36px;height:36px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.staff-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.staff-btn-danger:hover{background:#fee2e2;border-color:#ef4444}.staff-owner-badge{padding:8px 16px;background:#fef3c7;color:#92400e;border-radius:var(--radius-md);font-size:13px;font-weight:500}.password-hint{font-size:14px;color:var(--gray-600);margin-bottom:16px}.password-hint strong{color:var(--gray-900)}.staff-page .btn{padding:12px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.staff-page .btn:disabled{opacity:.6;cursor:not-allowed}.staff-page .btn-primary{background:var(--primary);color:var(--white)}.staff-page .btn-primary:hover:not(:disabled){background:var(--primary-dark)}.staff-page .btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.staff-page .btn-secondary:hover:not(:disabled){background:var(--gray-200)}.staff-page .modal-overlay{position:fixed;inset:0;background:#00000080;z-index:300}.staff-page .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:480px;max-height:90vh;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;z-index:301;display:flex;flex-direction:column}.staff-page .modal-small{max-width:400px}.staff-page .modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.staff-page .modal-title{font-size:18px;font-weight:600;color:var(--gray-900);margin:0}.staff-page .modal-close{width:36px;height:36px;border:none;background:var(--gray-100);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;position:relative}.staff-page .modal-close:before,.staff-page .modal-close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;background:var(--gray-500);border-radius:1px}.staff-page .modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.staff-page .modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.staff-page .modal-close:hover{background:var(--gray-200)}.staff-page .modal-close:hover:before,.staff-page .modal-close:hover:after{background:var(--gray-700)}.staff-page .modal-content{flex:1;overflow-y:auto;padding:24px}.staff-page .modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}.staff-page .form-group{margin-bottom:20px}.staff-page .form-label{display:block;font-size:14px;font-weight:500;color:var(--gray-700);margin-bottom:8px}.staff-page .form-input,.staff-page .form-select{width:100%;padding:12px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--gray-900);transition:all .2s ease;box-sizing:border-box}.staff-page .form-input:focus,.staff-page .form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c75b4a1a}.staff-page .form-input::placeholder{color:var(--gray-400)}.staff-page .form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}@media(max-width:768px){.staff-page .page-header{flex-direction:column;align-items:stretch}.staff-page .page-actions{flex-direction:column}.staff-page .page-actions .btn{width:100%;justify-content:center}.staff-content{padding:16px}.staff-card{flex-direction:column;align-items:stretch;gap:16px}.staff-card-main{flex-direction:column;align-items:flex-start;text-align:left}.staff-actions{justify-content:flex-start;flex-wrap:wrap}.staff-owner-badge{align-self:flex-start}}.password-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--gray-100);border-radius:var(--radius-md);margin-bottom:16px}.password-display code{flex:1;font-size:18px;font-weight:600;font-family:monospace;color:var(--gray-900);letter-spacing:1px}.copy-btn{padding:8px 16px;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--primary-dark)}.password-warning{font-size:13px;color:var(--gray-500);margin:0;line-height:1.5}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #C75B4A;--primary-dark: #A84A3C;--primary-light: #E8D5C4;--white: #FFFFFF;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #E5E5E5;--gray-300: #D4D4D4;--gray-400: #A3A3A3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--success: #22C55E;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 10px 40px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1), 0 20px 48px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gray-100);color:var(--gray-900);line-height:1.5}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}