.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition);font-family:inherit}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-full{width:100%}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 2px 8px #82368c4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #82368c66}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:9999px;white-space:nowrap}.badge-sm{padding:.25rem .625rem;font-size:.75rem}.badge-md{padding:.375rem .875rem;font-size:.875rem}.badge-default{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge-success{background:#10b98126;color:#059669}.badge-warning{background:#f59e0b26;color:#d97706}.badge-danger{background:#ef444426;color:#dc2626}.badge-info{background:#3b82f626;color:#2563eb}.dark .badge-default{background:#ffffff1a;color:var(--color-text)}.dark .badge-success{background:#10b98140;color:#34d399}.dark .badge-warning{background:#f59e0b40;color:#fbbf24}.dark .badge-danger{background:#ef444440;color:#f87171}.dark .badge-info{background:#3b82f640;color:#60a5fa}.card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid rgba(226,232,240,.6);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.dark .card{background:#0000004d;border-color:#82368c4d}.dark .card:hover{border-color:#82368c80;box-shadow:var(--shadow-lg),0 0 20px #82368c26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:90vh;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-xl)}.dark .modal-content{background:#1a1a2e;border:1px solid rgba(130,54,140,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-text-secondary);padding:.5rem;border-radius:var(--radius-sm);transition:var(--transition)}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.modal-body{padding:1.25rem}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.input{padding:.75rem 1rem;font-size:.9375rem;background:#fffc;border:1.5px solid rgba(226,232,240,.6);border-radius:var(--radius-md);transition:var(--transition);color:var(--color-text);font-family:inherit}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #82368c1a}.input:disabled{opacity:.6;cursor:not-allowed}.dark .input{background:#ffffff0d;border-color:#82368c66;color:var(--color-text)}.dark .input:focus{border-color:#82368cb3;box-shadow:0 0 0 4px #82368c33}.select-wrapper{display:flex;flex-direction:column;gap:.5rem}.select-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.select{padding:.75rem 1rem;font-size:.9375rem;background:#fffc;border:1.5px solid rgba(226,232,240,.6);border-radius:var(--radius-md);transition:var(--transition);color:var(--color-text);font-family:inherit;cursor:pointer}.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #82368c1a}.dark .select{background:#ffffff0d;border-color:#82368c66;color:var(--color-text)}.dark .select option{background:#1a1a2e;color:var(--color-text)}.textarea-wrapper{display:flex;flex-direction:column;gap:.5rem}.textarea-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.textarea{padding:.75rem 1rem;font-size:.9375rem;background:#fffc;border:1.5px solid rgba(226,232,240,.6);border-radius:var(--radius-md);transition:var(--transition);color:var(--color-text);font-family:inherit;resize:vertical;min-height:80px}.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px #82368c1a}.dark .textarea{background:#ffffff0d;border-color:#82368c66;color:var(--color-text)}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;animation:slideIn .3s ease-out;box-shadow:var(--shadow-lg)}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-icon{font-weight:700;font-size:.875rem}.toast-message{font-size:.9375rem;font-weight:500}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-container{position:fixed;bottom:5rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1100;max-width:400px}.confirm-content p{margin:0 0 1.5rem;color:var(--color-text);line-height:1.6}.confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}.prompt-content p{margin:0 0 1rem;color:var(--color-text);line-height:1.6}.prompt-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.dark-mode-toggle{background:#ffffff26;border:none;border-radius:var(--radius-md);padding:.625rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.dark-mode-toggle:hover{background:#ffffff40;transform:scale(1.05)}.toggle-icon{font-size:1.25rem;font-weight:700;color:#fff}.lock-toggle{background:#ffffff26;border:none;border-radius:var(--radius-md);padding:.625rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.lock-toggle:hover{background:#ffffff40;transform:scale(1.05)}.lock-toggle .toggle-icon{font-size:1.25rem;font-weight:700;color:#fff}.lock-toggle.locked{background:#ef44444d}.lock-toggle.locked:hover{background:#ef444466}.unlock-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.unlock-dialog{background:#fff;border-radius:var(--radius-lg);max-width:320px;width:100%;padding:1.5rem;box-shadow:var(--shadow-xl);text-align:center}.dark .unlock-dialog{background:#1a1a2e;border:1px solid rgba(130,54,140,.5)}.unlock-dialog-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--color-text)}.unlock-dialog-message{margin:0 0 1.5rem;font-size:.875rem;color:var(--color-text-secondary)}.pin-inputs{display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.pin-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);transition:var(--transition)}.pin-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb33}.dark .pin-input{background:#ffffff0d;border-color:#fff3}.dark .pin-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #82368c4d}.unlock-dialog-error{color:var(--color-error);font-size:.875rem;margin:0 0 1rem}.unlock-dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.unlock-dialog-link{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:.5rem;transition:var(--transition)}.unlock-dialog-link:hover{text-decoration:underline}.unlock-dialog-cancel{background:var(--color-bg-secondary);border:none;color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:var(--transition)}.unlock-dialog-cancel:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.csv-import{display:flex;flex-direction:column;gap:1.5rem}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:var(--transition);background:var(--color-bg-secondary)}.drop-zone:hover{border-color:var(--color-primary);background:#0ea5e90d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.drop-icon{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.drop-zone p{margin:0;font-weight:600;color:var(--color-text)}.drop-zone span{font-size:.875rem;color:var(--color-text-secondary)}.file-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.file-name{font-weight:600;color:var(--color-text)}.file-stats{font-size:.875rem;color:var(--color-text-secondary)}.change-file-btn{margin-left:auto;padding:.375rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;color:var(--color-text-secondary);transition:var(--transition)}.change-file-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.mapping-section h3,.preview-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--color-text)}.mapping-grid{display:flex;flex-direction:column;gap:.75rem}.mapping-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.field-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.field-label .required{color:#dc2626;margin-left:.25rem}.preview-section{margin-top:.5rem}.preview-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.preview-table{width:100%;border-collapse:collapse;font-size:.8125rem}.preview-table th,.preview-table td{padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--color-border)}.preview-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text);white-space:nowrap}.preview-table td{color:var(--color-text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-table tr:last-child td{border-bottom:none}.import-error{padding:.75rem 1rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);color:#dc2626;font-size:.875rem}.import-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}@media (max-width: 640px){.mapping-row{grid-template-columns:1fr;gap:.5rem}.file-info{flex-wrap:wrap}.change-file-btn{margin-left:0;width:100%;margin-top:.5rem}}.send-list-modal{display:flex;flex-direction:column;gap:1.5rem}.email-section{display:flex;flex-direction:column;gap:.75rem}.email-info{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.email-display-row{display:flex;align-items:center;gap:.75rem}.email-display{flex:1;padding:.75rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;color:var(--color-text)}.edit-email-btn{padding:.5rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all .2s}.edit-email-btn:hover{background:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-text-secondary)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--color-text-secondary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:1rem;height:1rem}.preview-section{display:flex;flex-direction:column;gap:.5rem}.preview-section h4{margin:0;font-size:.875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.preview-content{max-height:250px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.preview-content pre{margin:0;font-family:Courier New,monospace;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text)}.modal-actions-row{display:flex;gap:.75rem;justify-content:flex-end}.modal-actions-row button{flex:1}.offline-indicator{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.offline-indicator--offline{background-color:#dc2626;color:#fff}.offline-indicator--syncing{background-color:#2563eb;color:#fff}.offline-indicator--pending{background-color:#f59e0b;color:#fff}.offline-indicator__icon{display:flex;align-items:center;justify-content:center}.offline-indicator__spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.offline-indicator__text{white-space:nowrap}.offline-indicator__retry{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.offline-indicator__retry:hover{background:#ffffff4d}@media (max-width: 480px){.offline-indicator{bottom:80px;left:16px;right:16px;transform:none;justify-content:center}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}.auth-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#f8f9fc,#e8e4f0,#f5f2f8);overflow:hidden;transition:background .4s ease}.dark .auth-container{background:linear-gradient(135deg,#0a0a0f,#1a0a1f,#0a0a0f)}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.2;animation:float 8s ease-in-out infinite;transition:opacity .4s ease}.dark .auth-glow{opacity:.35}.auth-glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(130,54,140,.7) 0%,transparent 70%);top:-15%;left:-15%;animation-delay:0s}.auth-glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,.5) 0%,transparent 70%);bottom:-15%;right:-15%;animation-delay:2s}.auth-glow-3{width:450px;height:450px;background:radial-gradient(circle,rgba(147,51,234,.4) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:4s}.auth-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:#82368c66;border-radius:50%;left:var(--x);top:var(--y);animation:particleFloat 20s linear infinite;animation-delay:var(--delay);box-shadow:0 0 10px #82368c99}.dark .particle{background:#a855f799;box-shadow:0 0 15px #a855f7cc}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px) scale(1);opacity:0}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,30px) scale(1.15)}50%{transform:translateY(50px) scale(1)}75%{transform:translate(-30px,30px) scale(.85)}}.auth-theme-toggle{position:absolute;top:24px;right:24px;z-index:100;width:56px;height:56px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(130,54,140,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #82368c26;color:#82368c}.auth-theme-toggle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #82368c4d;border-color:#82368c66}.auth-theme-toggle svg{transition:transform .3s ease}.auth-theme-toggle:hover svg{transform:rotate(20deg)}.dark .auth-theme-toggle{background:#140f1ee6;border-color:#a855f766;color:#a855f7;box-shadow:0 4px 20px #a855f74d}.dark .auth-theme-toggle:hover{box-shadow:0 8px 30px #a855f780;border-color:#a855f799}.auth-card{position:relative;width:100%;max-width:460px;background:#fffffff2;border-radius:28px;padding:56px;box-shadow:0 25px 80px -20px #82368c66,0 0 120px #82368c26,0 0 0 1px #82368c1a,inset 0 1px #fffc;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);animation:slideUp .7s cubic-bezier(.4,0,.2,1);border:1px solid rgba(130,54,140,.1);overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dark .auth-card{background:#0f0a19f2;box-shadow:0 30px 90px -20px #a855f799,0 0 150px #82368c66,0 0 0 1px #a855f74d,inset 0 1px #a855f71a;border-color:#a855f74d}.dark .auth-card:before{background:linear-gradient(90deg,transparent,rgba(168,85,247,.15),transparent)}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:96px;height:96px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 0 25px rgba(130,54,140,.5));animation:logoPulse 3s ease-in-out infinite;transition:transform .3s ease}.auth-logo:hover{transform:scale(1.1) rotate(5deg)}.dark .auth-logo{filter:drop-shadow(0 0 35px rgba(168,85,247,.8))}@keyframes logoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 25px rgba(130,54,140,.5))}50%{transform:scale(1.08);filter:drop-shadow(0 0 40px rgba(130,54,140,.8))}}.dark .auth-logo{animation:logoPulseDark 3s ease-in-out infinite}@keyframes logoPulseDark{0%,to{transform:scale(1);filter:drop-shadow(0 0 35px rgba(168,85,247,.8))}50%{transform:scale(1.08);filter:drop-shadow(0 0 50px rgba(168,85,247,1))}}.auth-title{font-size:40px;font-weight:800;margin:0 0 12px;background:linear-gradient(135deg,#82368c,#a855f7,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;text-shadow:0 0 30px rgba(130,54,140,.3);animation:titleGlow 3s ease-in-out infinite;background-size:200% auto}@keyframes titleGlow{0%,to{background-position:0% center}50%{background-position:100% center}}.auth-subtitle{font-size:15px;color:var(--color-text-secondary);margin:0;font-weight:600;letter-spacing:.5px;text-transform:uppercase;opacity:.8}.dark .auth-subtitle{color:#a855f7cc}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:.3px}.dark .auth-field label{color:#ffffffe6}.auth-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;font-size:14px;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.auth-error svg{flex-shrink:0}.auth-toggle{text-align:center;padding-top:8px}.auth-toggle-button{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px;transition:var(--transition);border-radius:var(--radius-sm)}.auth-toggle-button:hover{color:var(--color-primary-light);background:#82368c0d}.dark .auth-toggle-button:hover{background:#82368c26}@media (max-width: 480px){.auth-card{padding:40px 28px}.auth-logo{width:72px;height:72px}.auth-title{font-size:32px}.auth-theme-toggle{width:48px;height:48px;top:16px;right:16px}}.bigmag-page{padding:1.5rem}.items-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;padding-top:.75rem}.items-container.list .item-location{order:5;flex-shrink:0;flex:1}.items-container.list .item-actions{border-top:none;padding-top:0;margin-top:0;flex-shrink:0;order:6}.items-container.list .palock-card-wrapper{overflow:visible}.items-container.list .palock-numero-overlay{position:static}.items-container.list .palock-card{flex-direction:row;align-items:center;min-height:auto;padding:0;gap:1rem}.items-container.list .palock-title-section{flex:1;min-width:120px}.items-container.list .palock-content-section{flex:2}.items-container.list .palock-content-list{flex-direction:row;flex-wrap:wrap;gap:.5rem}.items-container.list .palock-content-item{padding:.25rem .5rem;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.icon-btn{padding:.5rem!important;min-width:auto;width:2rem;height:2rem}.item-stock{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.item-location{font-size:.8125rem;color:var(--color-text-secondary)}.item-desc{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.items-container.grid .item-actions{flex-wrap:nowrap;gap:.25rem}.palock-items{display:flex;flex-wrap:wrap;gap:.5rem}.palock-card-wrapper{position:relative;overflow:visible}.palock-card{display:flex;flex-direction:column;gap:1rem;min-height:200px;padding-top:.5rem}.palock-numero-overlay{position:absolute;top:-.625rem;right:.75rem;z-index:1}.palock-title-section{display:flex;flex-direction:column;gap:.5rem}.palock-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.palock-name{font-size:1.125rem;color:var(--color-text);font-weight:700;margin:0}.palock-numero{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg-secondary);padding:.25rem .625rem;border-radius:9999px;border:1px solid rgba(147,51,234,.5)}.palock-description{margin:0;font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.palock-tags{display:flex;flex-wrap:wrap;gap:.375rem}.palock-content-section{display:flex;flex-direction:column;gap:.625rem}.content-label{font-weight:700;font-size:.9375rem;color:var(--color-text);margin:0}.palock-content-list{display:flex;flex-direction:column;gap:.5rem}.palock-content-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.content-item-text{font-size:.875rem;color:var(--color-text)}.remove-item-btn{background:none;border:none;color:#ef4444;font-size:1.5rem;cursor:pointer;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition)}.remove-item-btn:hover{color:#dc2626;transform:scale(1.1)}.dark .remove-item-btn{color:#f87171}.dark .remove-item-btn:hover{color:#ef4444}.form-group{margin-bottom:.875rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;max-height:180px;overflow-y:auto;overflow-x:hidden;padding:.25rem}.teams-list{display:flex;flex-direction:column;gap:.5rem}.team-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.modal-actions{margin-top:1rem}.palock-content-manager{display:flex;flex-direction:column;gap:1.5rem}.add-item-row{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:end}.palock-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.palock-item-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);gap:1rem}.palock-item-row .item-name{font-weight:600;color:var(--color-text);flex:1}.palock-item-row .item-controls{display:flex;align-items:center;gap:.5rem}.palock-item-row .item-controls input{width:80px}.palock-item-row .item-unit{font-size:.875rem;color:var(--color-text-secondary);min-width:50px}.add-items-modal{display:flex;flex-direction:column;gap:1.5rem}.items-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;max-height:400px;overflow-y:auto;padding:.25rem}.item-select-card{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;cursor:pointer;transition:var(--transition);text-align:left;display:flex;flex-direction:column;gap:.375rem}.item-select-card:hover{border-color:var(--color-primary)}.item-select-card.selected{background:#9333ea;border-color:#9333ea}.item-select-name{font-weight:600;font-size:.9375rem;color:var(--color-text)}.item-select-card.selected .item-select-name{color:#fff}.item-select-category{font-size:.8125rem;color:var(--color-text-secondary)}.item-select-card.selected .item-select-category{color:#fffc}.dark .item-select-card{background:#ffffff0d}.dark .item-select-card:hover{border-color:var(--color-primary)}.dark .item-select-card.selected{background:#9333ea;border-color:#9333ea}.machine-card{min-height:180px}.machine-brand{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.machine-serial{font-size:.8125rem;color:var(--color-text-secondary);font-family:monospace}.machine-description{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.4}.status-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.status-btn{padding:.625rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-text);transition:var(--transition);flex:1;min-width:110px;text-align:center}.status-btn:hover{transform:translateY(-1px)}.status-btn.status-disponible{border-color:#22c55e}.status-btn.status-disponible:hover{background:#22c55e1a}.status-btn.status-disponible.active{background:#22c55e;color:#fff;border-color:#22c55e}.status-btn.status-en_pret{border-color:#f59e0b}.status-btn.status-en_pret:hover{background:#f59e0b1a}.status-btn.status-en_pret.active{background:#f59e0b;color:#fff;border-color:#f59e0b}.status-btn.status-en_maintenance{border-color:#3b82f6}.status-btn.status-en_maintenance:hover{background:#3b82f61a}.status-btn.status-en_maintenance.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.status-btn.status-hors_service{border-color:#ef4444}.status-btn.status-hors_service:hover{background:#ef44441a}.status-btn.status-hors_service.active{background:#ef4444;color:#fff;border-color:#ef4444}@media (max-width: 768px){.form-row,.items-container.grid,.add-item-row,.items-selection-grid{grid-template-columns:1fr}.items-container.list .item-card{flex-direction:column;align-items:stretch}.items-container.list .item-status-overlay{position:absolute;top:-.625rem;right:.75rem}.items-container.list .item-category-tag{position:absolute;top:-.625rem;left:.75rem}.items-container.list .item-card{padding-top:1.25rem}.items-container.list .item-actions{border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:auto}.items-container.list .palock-card{flex-direction:column;align-items:stretch}.items-container.list .palock-numero-overlay{position:absolute;top:-.625rem;right:.75rem}.priority-buttons{flex-direction:column}.priority-btn{min-width:auto}.status-buttons{flex-direction:column}.status-btn{min-width:auto}}.minimag-page{padding:1.5rem}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:space-between}.filters{display:flex;gap:.75rem;flex:1;min-width:200px;max-width:400px}.view-btn{padding:.75rem 1rem;background:transparent;border:1px solid rgba(130,54,140,.5);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--color-text-secondary);transition:var(--transition)}.view-btn.active{background:#fff;color:var(--color-accent);border:1px solid rgba(130,54,140,.5)}.items-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding-top:.75rem}.items-container.list{display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem}.items-container.list .item-card-wrapper{overflow:visible}.items-container.list .item-status-overlay{position:static;flex-shrink:0;order:2}.items-container.list .item-card{flex-direction:row;align-items:center;min-height:auto;padding:0;gap:1rem}.items-container.list .item-header{width:200px;flex-shrink:0;order:1}.items-container.list .item-stock{flex-direction:row;gap:1rem;flex-shrink:0;width:220px;order:3}.items-container.list .item-category-tag{flex-shrink:0;order:4}.items-container.list .item-actions{border-top:none;padding-top:0;margin-top:0;flex-shrink:0;flex:1;justify-content:flex-end;order:5}.item-card-wrapper{position:relative;overflow:visible}.item-status-overlay{position:absolute;top:-.625rem;right:.75rem;z-index:1}.item-category-tag{position:absolute;top:-.625rem;left:.75rem;z-index:1}.item-category-tag .badge{border:1px solid rgba(147,51,234,.5)}.item-card{display:flex;flex-direction:column;gap:.75rem;min-height:200px;padding-top:1.25rem}.item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.item-header strong{font-size:1rem;color:var(--color-text)}.item-stock{display:flex;flex-direction:column;gap:.25rem}.stock-main{font-size:1.25rem;font-weight:700;color:var(--color-text)}.stock-reserve{font-size:.8125rem;color:var(--color-text-secondary)}.item-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--color-border);margin-top:auto}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.team-btn{padding:.625rem .75rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-text);transition:var(--transition)}.team-btn:hover{border-color:var(--color-primary);background:#0ea5e91a}.team-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.team-btn.add-team-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.hint-text{margin:.5rem 0 0;font-size:.8125rem;color:var(--color-text-secondary)}.time-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.time-btn{padding:.5rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-text);transition:var(--transition)}.time-btn:hover{border-color:var(--color-accent);background:#10b9811a;color:var(--color-accent)}.loan-modal-actions{display:flex;gap:1rem}.loan-modal-actions .donation-btn{background:#f97316;border-color:#f97316}.loan-modal-actions .donation-btn:hover,.dark .loan-modal-actions .donation-btn{background:#ea580c;border-color:#ea580c}.dark .loan-modal-actions .donation-btn:hover{background:#c2410c;border-color:#c2410c}@media (max-width: 768px){.form-row,.items-container.grid{grid-template-columns:1fr}.items-container.list .item-card{flex-direction:column;align-items:stretch}.items-container.list .item-status-overlay{position:absolute;top:-.625rem;right:.75rem}.items-container.list .item-category-tag{position:absolute;top:-.625rem;left:.75rem}.items-container.list .item-card{padding-top:1.25rem}.items-container.list .item-actions{border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:auto}}.tracking-page{padding:1.5rem}.stats{display:flex;gap:.5rem}.controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.tabs{display:flex;gap:.25rem;background:var(--color-bg-secondary);padding:0;border-radius:var(--radius-md);flex-shrink:0}.tab{padding:.75rem 1.25rem;background:transparent;border:1px solid rgba(130,54,140,.3);border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--color-text-secondary);transition:var(--transition)}.tab.active{background:#fff;color:var(--color-accent);box-shadow:var(--shadow-sm);border:none}.dark .tab.active{background:#82368c4d;color:#fff}.filter-buttons{display:flex;gap:.25rem;background:var(--color-bg-secondary);padding:0;border-radius:var(--radius-md);flex-shrink:0}.filter-btn{padding:.75rem 1.25rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--color-text-secondary);transition:var(--transition);text-transform:capitalize}.filter-btn.active{background:#fff;color:var(--color-accent)}.dark .filter-btn.active{background:#82368c4d;color:#fff}.view-toggle{display:flex;gap:.25rem;background:var(--color-bg-secondary);padding:0;border-radius:var(--radius-md);flex-shrink:0}.view-btn{padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;color:var(--color-text-secondary);transition:var(--transition)}.view-btn.active{background:#fff;color:var(--color-accent)}.urgent-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:var(--radius-lg);border:2px solid #fecaca}.dark .urgent-section{background:#dc262626;border-color:#dc262680}.urgent-section h2,.all-loans-section h2{margin:0 0 1rem;font-size:1.25rem}.urgent-section h2{color:#991b1b}.dark .urgent-section h2{color:#fca5a5}.loans-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.loans-container.list{display:flex;flex-direction:column;gap:.75rem}.loan-card{cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.loan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.loan-header strong{font-size:1rem;color:var(--color-text)}.loan-info{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.loan-date{font-size:.8125rem;color:var(--color-text-secondary)}.progress-container{display:flex;align-items:center;gap:.75rem}.progress-bar{flex:1;height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;transition:width .3s}.progress-label{font-size:.75rem;font-weight:700;color:var(--color-text-secondary);min-width:60px;text-align:right}.progress-label.danger{color:#dc2626}.progress-label.warning{color:#f59e0b}.action-buttons{display:flex;gap:.5rem}.extend-btn{padding:.375rem .625rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition)}.extend-btn:hover{transform:translateY(-1px)}.quick-return-btn{padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition)}.quick-return-btn.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.quick-return-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.empty-state{text-align:center;padding:3rem;background:var(--color-bg-secondary);border-radius:var(--radius-lg)}.empty-state p{margin:0;color:var(--color-text-secondary)}.donations-section h2{margin:0 0 1rem;font-size:1.25rem}.donations-container.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.donations-container.list{display:flex;flex-direction:column;gap:.75rem}.donation-card{display:flex;flex-direction:column;gap:.5rem}.donation-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.donation-header strong{font-size:1rem;color:var(--color-text)}.donation-info{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--color-text-secondary)}.donation-date{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.25rem}.donation-notes{font-size:.8125rem;color:var(--color-text-secondary);font-style:italic;padding:.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-top:.25rem}.details-content{display:flex;flex-direction:column;gap:1rem}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:1rem;font-size:.875rem}.detail-row strong{color:var(--color-text-secondary)}.detail-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.detail-section h3{margin:0 0 .75rem;font-size:1rem}.modal-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.timeline-section h2{margin:0 0 1rem;font-size:1.25rem}.timeline-wrapper{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:1rem;overflow:hidden}.timeline-scroll{overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem}.timeline-track{position:relative;min-width:1200px;height:280px}.timeline-axis{position:absolute;top:0;left:0;right:0;height:40px;border-bottom:2px solid var(--color-border)}.timeline-marker{position:absolute;top:0;transform:translate(-50%)}.timeline-marker-label{font-size:.6875rem;color:var(--color-text-secondary);white-space:nowrap}.timeline-marker:after{content:"";position:absolute;top:20px;left:50%;width:1px;height:20px;background:var(--color-border)}.timeline-now{position:absolute;top:0;transform:translate(-50%);z-index:10}.timeline-now-line{position:absolute;top:0;left:50%;width:2px;height:280px;background:linear-gradient(to bottom,#dc2626,#dc26264d)}.timeline-now-label{position:absolute;top:0;left:50%;transform:translate(-50%);background:#dc2626;color:#fff;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:4px;white-space:nowrap}.timeline-items{position:absolute;top:50px;left:0;right:0;bottom:0}.timeline-loan{position:absolute;height:50px;min-width:100px;background:linear-gradient(135deg,#10b981e6,#059669e6);border-radius:var(--radius-md);padding:.375rem .5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.timeline-loan:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-loan.overdue{background:linear-gradient(135deg,#dc2626e6,#b91c1ce6)}.timeline-loan.soon{background:linear-gradient(135deg,#f59e0be6,#d97706e6)}.timeline-loan-content{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.timeline-loan-name{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-loan-team{font-size:.625rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-loan-actions{display:flex;gap:.25rem;flex-shrink:0}.extend-btn-sm{padding:.25rem .375rem;background:#fff3;color:#fff;border:none;border-radius:4px;font-size:.625rem;font-weight:700;cursor:pointer;transition:var(--transition)}.extend-btn-sm:hover{background:#ffffff4d}.return-btn-sm{padding:.25rem .5rem;background:#fffffff2;color:#10b981;border:none;border-radius:4px;font-size:.625rem;font-weight:700;cursor:pointer;transition:var(--transition)}.return-btn-sm:hover{transform:scale(1.05)}.return-btn-sm.danger{color:#dc2626}.return-btn-sm.warning{color:#f59e0b}.timeline-donation{position:absolute;height:50px;min-width:140px;border-radius:var(--radius-md);padding:.375rem .5rem;cursor:default;display:flex;justify-content:space-between;align-items:center;gap:.5rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.timeline-donation:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.timeline-donation.bigmag{background:linear-gradient(135deg,#f97316e6,#ea580ce6)}.timeline-donation.minimag{background:linear-gradient(135deg,#8b5cf6e6,#6d28d9e6)}.timeline-donation-content{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1}.timeline-donation-name{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-donation-team{font-size:.625rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-donation-source{font-size:.5rem;font-weight:700;color:#ffffffb3;text-transform:uppercase;background:#fff3;padding:.125rem .25rem;border-radius:2px;flex-shrink:0}.dark .timeline-wrapper{background:#0000004d}.dark .timeline-loan,.dark .timeline-donation{box-shadow:0 2px 8px #0000004d}@media (max-width: 768px){.loans-container.grid,.donations-container.grid{grid-template-columns:1fr}.controls{flex-direction:column}.timeline-track{min-width:800px}}.feed-page{display:flex;flex-direction:column;height:100%;padding:1rem;box-sizing:border-box;overflow:hidden}.feed-page .page-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;margin-bottom:.75rem;flex-shrink:0;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm)}.dark .feed-page .page-header{background:#0000004d;border-color:#82368c4d}.feed-page .page-header h1{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feed-container{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.messages-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.75rem;background:#f8fafc80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(226,232,240,.6)}.dark .messages-area{background:#0003;border-color:#82368c4d}.messages-list{display:flex;flex-direction:column;gap:.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:120px;color:var(--color-text-secondary);font-size:.875rem}.date-divider{display:flex;align-items:center;justify-content:center;padding:.5rem 0;position:sticky;top:0;z-index:5}.date-divider span{background:#fffffff2;padding:.25rem .75rem;border-radius:9999px;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);border:1px solid rgba(226,232,240,.6);box-shadow:var(--shadow-sm)}.dark .date-divider span{background:#14141ef2;border-color:#82368c66}.message{background:#ffffffe6;border-radius:var(--radius-md);padding:.625rem .75rem;box-shadow:var(--shadow-sm);border:1px solid rgba(226,232,240,.6);transition:var(--transition)}.dark .message{background:#0000004d;border-color:#82368c4d}.message-own{background:#0ea5e914;border-color:#0ea5e940}.dark .message-own{background:#0ea5e91f;border-color:#0ea5e94d}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.message-author{color:var(--color-primary);font-size:.8125rem;font-weight:600}.message-meta{display:flex;align-items:center;gap:.375rem}.message-time{font-size:.6875rem;color:var(--color-text-secondary)}.message-text{margin:0;color:var(--color-text);line-height:1.4;word-wrap:break-word;font-size:.875rem}.message-mention{color:var(--color-primary);font-weight:600;background:#0ea5e91a;padding:.0625rem .25rem;border-radius:var(--radius-sm);margin-right:.125rem;font-size:.8125rem}.dark .message-mention{background:#0ea5e933}.message-actions{display:flex;gap:.25rem;margin-top:.375rem;padding-top:.375rem;border-top:1px solid rgba(226,232,240,.3)}.dark .message-actions{border-top-color:#82368c33}.icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#e2e8f066;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:var(--transition)}.icon-btn:hover{background:#e2e8f0b3;color:var(--color-text)}.dark .icon-btn{background:#ffffff14}.dark .icon-btn:hover{background:#ffffff26;color:var(--color-text)}.icon-btn-danger:hover{background:#ef44441f;color:#ef4444}.dark .icon-btn-danger:hover{background:#ef444433;color:#ef4444}.icon-btn-success{background:#22c55e1f;color:#22c55e}.icon-btn-success:hover{background:#22c55e33;color:#16a34a}.icon-btn-cancel{background:#6b72801f;color:#6b7280}.icon-btn-cancel:hover{background:#6b728033;color:#4b5563}.message-edit-form{display:flex;flex-direction:column;gap:.5rem}.message-edit-textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;background:#fffc;border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-sm);font-family:inherit;resize:none;transition:var(--transition);color:var(--color-text)}.dark .message-edit-textarea{background:#ffffff0d;border-color:#82368c66}.message-edit-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #82368c1a}.message-edit-actions{display:flex;gap:.375rem;justify-content:flex-end}.message-input-area{flex-shrink:0;margin-top:.75rem}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#0ea5e914;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid rgba(14,165,233,.15);border-bottom:none;font-size:.8125rem;color:var(--color-text-secondary)}.dark .reply-indicator{background:#0ea5e91f;border-color:#0ea5e940}.reply-indicator strong{color:var(--color-primary)}.reply-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.reply-close:hover{background:#0000001a;color:var(--color-text)}.dark .reply-close:hover{background:#ffffff1a}.input-card{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(226,232,240,.6);padding:.75rem;box-shadow:var(--shadow-sm)}.dark .input-card{background:#0000004d;border-color:#82368c4d}.reply-indicator+.input-card{border-top-left-radius:0;border-top-right-radius:0}.input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.input-row>*{flex:1}.textarea-row{display:flex;gap:.5rem;align-items:flex-end}.message-textarea{flex:1;padding:.5rem .75rem;font-size:.875rem;background:#fffc;border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-sm);font-family:inherit;resize:none;transition:var(--transition);color:var(--color-text);min-height:36px;max-height:80px}.dark .message-textarea{background:#ffffff0d;border-color:#82368c66;color:var(--color-text)}.message-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #82368c1a}.send-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;white-space:nowrap}@media (max-width: 640px){.feed-page{padding:.75rem}.feed-page .page-header{padding:.5rem .75rem;margin-bottom:.5rem}.feed-page .page-header h1{font-size:1rem}.messages-area{padding:.5rem}.message{padding:.5rem .625rem}.input-row,.textarea-row{flex-direction:column;gap:.375rem}.textarea-row .send-btn{align-self:flex-end}}.shopping-page{padding:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-lg)}.header-actions{display:flex;gap:.5rem}.filters{margin-bottom:1.5rem;max-width:300px}.runs-section{margin-bottom:2rem}.runs-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text)}.runs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding-top:.75rem}.run-card-wrapper{position:relative;overflow:visible}.run-status-overlay{position:absolute;top:-1.25rem;left:.75rem;z-index:1}.run-status-overlay .badge{border:1px solid rgba(147,51,234,.5)}.run-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-top:.5rem}.run-info{margin:.25rem 0;font-size:.875rem;color:var(--color-text-secondary)}.run-actions{margin-top:auto;padding-top:.75rem}.send-list-btn{padding:.5rem!important;min-width:auto;width:2rem;height:2rem}.status-section{margin-bottom:2rem}.status-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text)}.items-list{display:grid;gap:.75rem}.shopping-item{display:flex;align-items:center;gap:.75rem}.item-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;width:100%}.item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.item-content strong{margin:0;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-badges,.item-category{display:flex;gap:.5rem;align-items:center}.shopping-page .item-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-shrink:0;border:none;box-shadow:none;background:transparent}.item-run-inline{display:flex;align-items:center;justify-content:center}.item-run-inline .select-wrapper{min-width:130px}.run-assigned-inline{display:flex;align-items:center;gap:.375rem}.no-runs-hint{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.run-items-count{margin-top:.5rem}.run-actions{display:flex;gap:.5rem;flex-wrap:wrap}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.modal-actions{margin-top:1.5rem}.edit-run-modal{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto}.run-details{padding:1rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.run-details h3{margin-top:0;margin-bottom:1rem;font-size:1.125rem;color:var(--color-text)}.run-details p{margin:.5rem 0;font-size:.875rem;color:var(--color-text-secondary)}.run-details strong{color:var(--color-text)}.run-items-section,.available-items-section{display:flex;flex-direction:column;gap:.75rem}.run-items-section h3,.available-items-section h3{margin:0 0 .75rem;font-size:1.125rem;color:var(--color-text)}.assigned-items,.available-items{display:grid;gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.run-summary{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.run-item-card{display:flex;flex-direction:column;gap:.75rem}.item-header{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:.5rem}.item-header strong{color:var(--color-text)}.item-quantities{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--color-text-secondary)}.item-quantities span{display:flex;align-items:center;gap:.25rem}.quantity-diff{color:var(--color-warning);font-weight:600}.item-stock{color:var(--color-success);font-weight:500}.quantity-edit{padding:.75rem;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.item-status-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem}.runner-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:.5rem}.runner-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.runner-info strong{color:var(--color-text);font-size:.9375rem}.runner-email{color:var(--color-text-secondary);font-size:.8125rem;word-break:break-word}.runner-email-badge{display:flex;align-items:center;gap:.375rem;color:var(--color-success);font-size:.8125rem;word-break:break-word}.runner-email-badge svg{flex-shrink:0}.runner-no-email{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.runner-actions{display:flex;gap:.5rem;flex-shrink:0}.team-btn.has-email{position:relative}.email-indicator{display:inline-flex;align-items:center;margin-left:.375rem;color:var(--color-success);vertical-align:middle}.team-btn.active .email-indicator{color:#fff}.priority-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.priority-btn{padding:.625rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:.875rem;color:var(--color-text);transition:var(--transition);flex:1;min-width:120px;text-align:center}.priority-btn:hover{transform:translateY(-1px)}.priority-btn.priority-5{border-color:#ef4444}.priority-btn.priority-5:hover{background:#ef44441a}.priority-btn.priority-5.active{background:#ef4444;color:#fff;border-color:#ef4444}.priority-btn.priority-4{border-color:#f97316}.priority-btn.priority-4:hover{background:#f973161a}.priority-btn.priority-4.active{background:#f97316;color:#fff;border-color:#f97316}.priority-btn.priority-3{border-color:#eab308}.priority-btn.priority-3:hover{background:#eab3081a}.priority-btn.priority-3.active{background:#eab308;color:#fff;border-color:#eab308}.priority-btn.priority-2{border-color:#22c55e}.priority-btn.priority-2:hover{background:#22c55e1a}.priority-btn.priority-2.active{background:#22c55e;color:#fff;border-color:#22c55e}.priority-btn.priority-1{border-color:#64748b}.priority-btn.priority-1:hover{background:#64748b1a}.priority-btn.priority-1.active{background:#64748b;color:#fff;border-color:#64748b}.unite-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.unite-btn{padding:.5rem .75rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.8125rem;color:var(--color-text);transition:var(--transition)}.unite-btn:hover{border-color:var(--color-primary);background:#0ea5e91a}.unite-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quantity-control{display:flex;align-items:center;gap:1rem}.quantity-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-secondary);border-radius:4px;outline:none;cursor:pointer}.quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.quantity-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.quantity-input{width:80px!important;text-align:center}@media (max-width: 768px){.runs-grid,.form-row{grid-template-columns:1fr}.item-main{display:flex;flex-direction:column;align-items:stretch}.item-content{flex-wrap:wrap}.item-run-inline{width:100%;justify-content:flex-start}.item-run-inline .select-wrapper{flex:1;min-width:100%}.item-actions{justify-content:flex-end}.edit-run-modal{max-height:60vh}.item-status-actions{flex-direction:column}.item-quantities{flex-direction:column;gap:.5rem}.priority-buttons{flex-direction:column}.priority-btn{min-width:auto}}.planning-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow:hidden}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-lg)}.dark .page-header{background:#0000004d;border-color:#82368c4d}.header-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.875rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-stats{display:flex;gap:.5rem;flex-wrap:wrap}.planning-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.navigation-controls{display:flex;align-items:center;gap:.5rem}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);transition:var(--transition)}.nav-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.today-btn{padding:.5rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.today-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.nav-title{font-size:1.125rem;font-weight:600;color:var(--color-text);min-width:200px;text-transform:capitalize}.view-controls{display:flex;gap:1rem}.view-toggle{display:flex;gap:0;background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden}.view-btn{padding:.625rem 1rem;background:transparent;border:none;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition)}.view-btn:hover{color:var(--color-text)}.view-btn.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.dark .view-btn.active{background:#82368c4d;color:#fff}.settings-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:var(--transition);margin-left:.5rem}.settings-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.settings-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.hour-settings{display:flex;justify-content:flex-end;padding:.75rem 1rem;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-sm)}.dark .hour-settings{background:#0000004d;border-color:#82368c4d}.hour-settings-content{display:flex;align-items:center;gap:.75rem}.hour-settings-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.hour-select-group{display:flex;align-items:center;gap:.5rem}.hour-select{padding:.375rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:var(--transition)}.hour-select:hover{border-color:var(--color-primary)}.hour-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #82368c26}.hour-separator{font-weight:600;color:var(--color-text-secondary)}.hour-settings-info{font-size:.75rem;color:var(--color-text-secondary);margin-left:.25rem}.planning-filters{display:flex;gap:1rem;flex-wrap:wrap}.search-input{position:relative;flex:1;min-width:200px;max-width:320px}.search-input svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.search-input input{width:100%;padding:.625rem .875rem .625rem 2.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);transition:var(--transition)}.search-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #82368c1a}.filter-group{display:flex;gap:.5rem;flex-wrap:wrap}.filter-group select{padding:.625rem 2rem .625rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;color:var(--color-text);cursor:pointer;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.filter-group select:focus{outline:none;border-color:var(--color-primary)}.planning-content{flex:1;overflow:hidden;background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.timeline-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.timeline-header{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.timeline-corner{width:100px;min-width:100px;border-right:1px solid var(--color-border)}.timeline-hours{display:flex;flex:1;overflow-x:auto}.timeline-hour-header{flex:1;min-width:60px;padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);border-left:1px solid var(--color-border)}.timeline-body{flex:1;overflow-y:auto;overflow-x:hidden}.timeline-row{display:flex;min-height:90px;border-bottom:1px solid var(--color-border);transition:var(--transition)}.timeline-row:hover{background:#82368c05}.timeline-row.today{background:#82368c0d}.dark .timeline-row.today{background:#82368c26}.timeline-day-label{width:100px;min-width:100px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-right:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.timeline-day-label:hover{background:var(--color-bg-secondary)}.day-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase}.day-number{font-size:1.25rem;font-weight:700;color:var(--color-text)}.today-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border-radius:50%}.timeline-day-content{flex:1;position:relative;overflow:hidden}.timeline-grid{display:flex;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.timeline-hour-cell{flex:1;min-width:60px;border-left:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.timeline-hour-cell:hover{background:#82368c0d}.timeline-reservations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.timeline-reservation{position:absolute;height:24px;border-radius:4px;padding:0 .5rem;display:flex;align-items:center;gap:.5rem;pointer-events:auto;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000026;border:2px solid transparent;overflow:hidden}.timeline-reservation:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 8px #0003;z-index:10}.timeline-reservation.annule{opacity:.5;text-decoration:line-through}.timeline-reservation.converti{opacity:.7}.timeline-reservation.en_attente{border-style:dashed;border-color:#ffffff80}.timeline-reservation.conflict{border-color:#ef4444!important;animation:pulse-conflict 2s infinite}@keyframes pulse-conflict{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 4px #ef444400}}.reservation-content{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.reservation-name{font-size:.6875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reservation-team{font-size:.625rem;color:#fffc;white-space:nowrap}.conflict-indicator{width:8px;height:8px;background:#ef4444;border-radius:50%;flex-shrink:0;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.current-time-indicator{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ef4444,transparent);z-index:20;pointer-events:none}.current-time-indicator:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%}.month-timeline-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.month-timeline-header{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.month-timeline-corner{width:100px;min-width:100px;border-right:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase}.month-timeline-hours{display:flex;flex:1;overflow-x:auto}.month-timeline-hour-header{flex:1;min-width:60px;padding:.5rem;text-align:center;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);border-left:1px solid var(--color-border)}.month-timeline-body{flex:1;overflow-y:auto;overflow-x:hidden}.month-timeline-row{display:flex;min-height:70px;border-bottom:1px solid var(--color-border);transition:var(--transition)}.month-timeline-row:hover{background:#82368c05}.month-timeline-row.today{background:#82368c0d}.month-timeline-row.weekend{background:#82368c05}.dark .month-timeline-row.today{background:#82368c26}.month-timeline-day-label{width:100px;min-width:100px;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;border-right:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.month-timeline-day-label:hover{background:var(--color-bg-secondary)}.day-date{font-size:1.25rem;font-weight:700;color:var(--color-text);line-height:1}.day-weekday{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:capitalize}.month-timeline-day-content{flex:1;position:relative;overflow:hidden}.month-timeline-grid{display:flex;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.month-timeline-hour-cell{flex:1;min-width:60px;border-left:1px solid var(--color-border);cursor:pointer;transition:var(--transition)}.month-timeline-hour-cell:hover{background:#82368c0d}.month-timeline-reservations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.month-timeline-reservation{position:absolute;height:24px;border-radius:4px;padding:0 .5rem;display:flex;align-items:center;gap:.5rem;pointer-events:auto;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000026;border:2px solid transparent;overflow:hidden}.month-timeline-reservation:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 8px #0003;z-index:10}.month-timeline-reservation.annule{opacity:.5;text-decoration:line-through}.month-timeline-reservation.converti{opacity:.7}.month-timeline-reservation.en_attente{border-style:dashed;border-color:#ffffff80}.month-timeline-reservation.conflict{border-color:#ef4444!important;animation:pulse-conflict 2s infinite}.month-reservation-content{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1}.month-reservation-name{font-size:.6875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-reservation-team{font-size:.625rem;color:#fffc;white-space:nowrap}.list-container{padding:1.5rem;overflow-y:auto;height:100%}.list-group{margin-bottom:1.5rem}.list-date-header{font-size:.875rem;font-weight:700;color:var(--color-text);padding:.5rem 0;margin-bottom:.75rem;border-bottom:2px solid var(--color-border);text-transform:capitalize}.list-items{display:flex;flex-direction:column;gap:.75rem}.list-card{transition:var(--transition)}.list-card:hover{transform:translateY(-2px)}.list-card.has-conflict{border-left:3px solid #ef4444}.list-card-content{display:flex;gap:1rem;cursor:pointer}.list-card-color{width:4px;border-radius:2px;flex-shrink:0}.list-card-main{flex:1;min-width:0}.list-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.375rem}.list-card-header strong{font-size:1rem;color:var(--color-text)}.list-card-badges{display:flex;gap:.25rem;flex-shrink:0}.list-card-info{display:flex;gap:1rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem;flex-wrap:wrap}.list-card-team{font-weight:600;color:var(--color-text)}.list-card-meta{display:flex;gap:.75rem;font-size:.8125rem;color:var(--color-text-secondary);align-items:center}.list-card-actions{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.action-btn.confirm{background:#10b9811a;color:#10b981}.action-btn.confirm:hover{background:#10b981;color:#fff}.action-btn.convert{background:#3b82f61a;color:#3b82f6}.action-btn.convert:hover{background:#3b82f6;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{color:var(--color-text-secondary);opacity:.5;margin-bottom:1rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:1.5rem}.reservation-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.form-section:last-of-type{border-bottom:none;padding-bottom:0}.form-section h3{font-size:.875rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.form-row{margin-bottom:1rem}.form-row label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.375rem}.form-row-inline{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.radio-group{display:flex;gap:.5rem}.radio-option{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:500}.radio-option:hover{border-color:var(--color-primary)}.radio-option.active{background:#82368c1a;border-color:var(--color-primary);color:var(--color-primary)}.radio-option input{display:none}.quick-duration{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.quick-duration span{font-size:.8125rem;color:var(--color-text-secondary)}.duration-btn{padding:.375rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.duration-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-picker label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.color-options{display:flex;gap:.375rem;flex-wrap:wrap}.color-btn{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:var(--transition)}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px currentColor}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid var(--color-border)}.reservation-details{display:flex;flex-direction:column;gap:1.5rem}.details-header{padding-left:1rem;border-left:4px solid}.details-title{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.details-title h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.conflict-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;font-size:.875rem;font-weight:500;margin-top:.75rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.9375rem;color:var(--color-text)}.detail-value.notes{padding:.75rem;background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-style:italic}.details-actions{display:flex;gap:.75rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--color-border)}.view-btn.gantt-btn{background:linear-gradient(135deg,#82368c1a,#3b82f61a)}.view-btn.gantt-btn.active{background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 100%);color:#fff}.type-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.type-btn:hover{border-color:var(--color-primary)}.type-btn.active{background:#82368c26;border-color:var(--color-primary);color:var(--color-primary)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;max-height:200px;overflow-y:auto;margin-bottom:1rem;padding:.25rem}.items-grid.palocks{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.item-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.625rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left}.item-btn:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.item-btn.active{border-color:var(--color-primary);background:#82368c26}.item-btn.empty{opacity:.5}.item-btn-name{font-size:.8125rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.item-btn-stock{font-size:.6875rem;color:var(--color-text-secondary)}.item-btn-stock.has-reservations{color:#f59e0b}.item-btn-stock .base-stock{color:var(--color-text-secondary);opacity:.7}.quantity-section label,.source-section label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.quantity-buttons,.source-buttons{display:flex;gap:.375rem}.qty-btn,.source-btn{padding:.5rem .875rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.qty-btn:hover,.source-btn:hover{border-color:var(--color-primary)}.qty-btn.active,.source-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.qty-input{width:60px;padding:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text);text-align:center}.quick-start{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.quick-start span{font-size:.8125rem;color:var(--color-text-secondary)}.time-btn{padding:.375rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.time-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.team-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.team-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.team-btn:hover{border-color:var(--team-color, var(--color-primary))}.team-btn.active{border-color:var(--team-color, var(--color-primary));background:#82368c1a}.team-btn.add-team-btn{border-style:dashed;color:var(--color-text-secondary)}.team-btn.add-team-btn:hover{color:var(--color-primary);background:var(--color-bg-secondary)}.team-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.priority-section label,.color-section label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.priority-buttons{display:flex;flex-wrap:wrap;gap:.375rem}.priority-btn{padding:.5rem .75rem;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.priority-btn:hover{border-color:var(--priority-color)}.priority-btn.active{background:var(--priority-color);border-color:var(--priority-color);color:#fff}.color-section{margin-bottom:1rem}.gantt-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.gantt-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.gantt-zoom{display:flex;align-items:center;gap:.5rem}.gantt-zoom span{font-size:.875rem;font-weight:600;color:var(--color-text)}.zoom-btn{padding:.375rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:var(--transition)}.zoom-btn:hover{border-color:var(--color-primary)}.zoom-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.gantt-legend{display:flex;gap:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-secondary)}.legend-color{width:12px;height:12px;border-radius:3px}.gantt-chart{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.gantt-header{display:flex;background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);flex-shrink:0}.gantt-team-header{width:180px;min-width:180px;padding:.75rem;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;border-right:1px solid var(--color-border)}.gantt-dates-header{display:flex;flex:1;overflow-x:auto}.gantt-date-cell{flex:1;min-width:50px;padding:.5rem .25rem;text-align:center;border-left:1px solid var(--color-border)}.gantt-date-cell.weekend{background:#82368c08}.gantt-date-cell.today{background:#82368c1a}.gantt-date-day{display:block;font-size:.625rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase}.gantt-date-num{display:block;font-size:.875rem;font-weight:700;color:var(--color-text)}.gantt-date-num.today-num{color:#fff;background:var(--color-primary);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.gantt-body{flex:1;overflow-y:auto;overflow-x:hidden}.gantt-team-section{border-bottom:1px solid var(--color-border)}.gantt-team-name{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-bg-secondary);font-weight:700;font-size:.875rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.gantt-team-name .team-color{width:12px;height:12px;border-radius:3px}.gantt-team-rows{background:var(--color-bg)}.gantt-row{display:flex;min-height:50px;border-bottom:1px solid rgba(0,0,0,.05)}.dark .gantt-row{border-bottom-color:#ffffff0d}.gantt-row:hover{background:#82368c05}.gantt-row-label{width:180px;min-width:180px;padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem;border-right:1px solid var(--color-border)}.gantt-item-name{font-size:.8125rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.gantt-row-timeline{flex:1;position:relative;overflow:hidden}.gantt-grid{display:flex;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.gantt-grid-cell{flex:1;min-width:50px;border-left:1px solid rgba(0,0,0,.05)}.dark .gantt-grid-cell{border-left-color:#ffffff0d}.gantt-grid-cell.weekend{background:#82368c05}.gantt-grid-cell.today{background:#82368c14}.gantt-bar{position:absolute;top:8px;height:calc(100% - 16px);min-height:34px;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026;overflow:hidden}.gantt-bar:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000040;z-index:10}.gantt-bar.en_attente{border:2px dashed rgba(255,255,255,.5)}.gantt-bar.conflict{border:2px solid #ef4444;animation:pulse-conflict 2s infinite}.gantt-bar-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 .75rem;gap:.5rem}.gantt-bar-time{font-size:.625rem;font-weight:600;color:#ffffffe6;white-space:nowrap}.gantt-bar-name{font-size:.75rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}.gantt-conflict-indicator{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%;animation:blink 1s infinite}.gantt-today-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ef4444,#ef44444d);z-index:15;pointer-events:none}.gantt-today-line:before{content:"Maintenant";position:absolute;top:0;left:4px;font-size:.625rem;font-weight:700;color:#ef4444;white-space:nowrap;padding:.125rem .375rem;background:var(--color-bg);border-radius:3px}.gantt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.gantt-empty p{color:var(--color-text-secondary);margin-bottom:1rem}@media (max-width: 768px){.planning-page{padding:1rem}.page-header{padding:1rem;flex-direction:column;align-items:stretch}.header-title{flex-direction:column;align-items:flex-start}.planning-controls{flex-direction:column;align-items:stretch}.navigation-controls{justify-content:center;flex-wrap:wrap}.nav-title{width:100%;text-align:center;margin-top:.5rem;min-width:auto}.view-controls,.hour-settings{justify-content:center}.hour-settings-content{flex-wrap:wrap;justify-content:center}.planning-filters{flex-direction:column}.search-input{max-width:none}.filter-group{width:100%}.filter-group select{flex:1}.timeline-corner,.timeline-day-label{width:70px;min-width:70px}.timeline-hour-header,.timeline-hour-cell{min-width:50px}.month-timeline-corner,.month-timeline-day-label{width:70px;min-width:70px}.month-timeline-hour-header,.month-timeline-hour-cell{min-width:50px}.day-date{font-size:1rem}.day-weekday,.month-reservation-name{font-size:.625rem}.month-reservation-team{font-size:.5625rem}.form-row-inline,.details-grid{grid-template-columns:1fr}.list-card-info{flex-direction:column;gap:.25rem}}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a0a1f,#0a0a0f);gap:2rem}.loading-logo{width:96px;height:96px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(130,54,140,.6));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(130,54,140,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 40px rgba(130,54,140,.8))}}.loading-spinner{width:48px;height:48px;border:4px solid rgba(130,54,140,.2);border-top-color:#82368c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.logout-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.logout-button:hover{background:#fff3;transform:translateY(-2px)}.dark .logout-button{background:#82368c33;border-color:#82368c66}.dark .logout-button:hover{background:#82368c4d;border-color:#82368c99}.app-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);color:#fff;padding:1rem 1.5rem;box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(130,54,140,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(130,54,140,.15) 0%,transparent 50%);pointer-events:none}.header-left{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.header-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-right{position:relative;z-index:1;display:flex;align-items:center;gap:2rem}.app-header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .app-header{background:#0a0a0ff2;border-bottom:1px solid rgba(130,54,140,.3)}.dark .app-header h1{color:var(--color-accent);text-shadow:0 0 10px rgba(130,54,140,.5)}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--color-bg-app);position:relative}.locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.locked-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center}.locked-content svg{color:var(--color-text-secondary)}.locked-content p{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.locked-content span{margin:0;font-size:.875rem;color:var(--color-text-secondary)}.dark .locked-content{background:#1a1a2e;border:1px solid rgba(130,54,140,.5)}.dark .locked-content svg{color:var(--color-accent)}.app-main::-webkit-scrollbar{width:8px}.app-main::-webkit-scrollbar-track{background:transparent}.app-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.app-nav{display:flex;background:var(--color-nav-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-nav-border);box-shadow:var(--shadow-lg);flex-shrink:0;padding:.5rem;gap:.5rem}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:.875rem .5rem;background:transparent;border:1px solid rgba(130,54,140,.3);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:var(--color-text-secondary);font-family:inherit;position:relative;overflow:visible}.nav-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-header-from) 0%,var(--color-header-to) 100%);opacity:0;transition:var(--transition);border-radius:var(--radius-md)}.nav-tab:hover{color:var(--color-text);transform:translateY(-2px);background:var(--color-bg-secondary)}.nav-tab.active{color:#fff;background:#82368c26;border:none}.nav-tab.active:before{opacity:1}.dark .app-nav{border-top:2px solid rgba(130,54,140,.5);box-shadow:0 -4px 20px #82368c4d}.dark .nav-tab{border:1.5px solid rgba(130,54,140,.3)}.dark .nav-tab.active{box-shadow:var(--glow-accent);background:#82368c40;border:1.5px solid rgba(130,54,140,.8)}.dark .nav-tab:hover{border-color:#82368c99;background:#82368c26}.nav-tab.has-notification{background:#3b82f61a;border-color:#3b82f64d}.nav-tab.has-notification .tab-icon{color:#3b82f6}.dark .nav-tab.has-notification{background:#3b82f626;border-color:#3b82f680}.tab-icon{font-size:1.25rem;font-weight:700;position:relative;z-index:1;transition:var(--transition)}.nav-tab.active .tab-icon{transform:scale(1.1)}.tab-label{font-size:.75rem;font-weight:600;letter-spacing:.025em;position:relative;z-index:1}.dark .nav-tab .tab-label{color:var(--color-text-secondary)}.dark .nav-tab.active .tab-label{color:#fff}.notification-badge{position:absolute;top:.25rem;right:.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.625rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 .375rem;box-shadow:0 2px 8px #3b82f680;z-index:10;animation:pulse-notification 2s ease-in-out infinite}.notification-badge.notification-priority{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444480;animation:pulse-urgent 1.5s ease-in-out infinite}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-urgent{0%,to{transform:scale(1)}50%{transform:scale(1.15);box-shadow:0 4px 12px #ef4444cc}}@media (min-width: 768px){.app-header{padding:1.25rem 2rem}.header-logo{width:56px;height:56px}.app-header h1{font-size:1.75rem}.nav-tab{padding:1rem}.tab-label{font-size:.8125rem}}@media (min-width: 1024px){.app-nav{padding:.75rem;gap:.75rem}.nav-tab{flex-direction:row;gap:.625rem;padding:1rem 1.5rem}.tab-icon{font-size:1.125rem}.tab-label{font-size:.875rem}}@font-face{font-family:Exo;src:url(/assets/fonts/exo-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exo-italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exo-semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exo-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exo-extrabold.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}:root{font-family:Exo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-header-from: #82368c;--color-header-to: #6b2d75;--color-primary: #82368c;--color-primary-light: #9d4ba8;--color-accent: #82368c;--color-accent-hover: #9d4ba8;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg: #ffffff;--color-bg-app: linear-gradient(135deg, #fafbfc 0%, #f8f5fa 100%);--color-bg-secondary: #f8f9fc;--color-border: #e5d1ea;--color-text: #0f172a;--color-text-secondary: #64748b;--color-nav-bg: rgba(255, 255, 255, .95);--color-nav-border: #e5d1ea;--shadow-sm: 0 1px 2px 0 rgba(130, 54, 140, .08), 0 1px 3px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(130, 54, 140, .12), 0 2px 4px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(130, 54, 140, .15), 0 4px 6px -2px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px -5px rgba(130, 54, 140, .18), 0 10px 10px -5px rgba(0, 0, 0, .08);--glow-purple: 0 0 20px rgba(130, 54, 140, .25), 0 0 40px rgba(130, 54, 140, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.dark{color-scheme:dark;--color-header-from: #0a0a0f;--color-header-to: #0f0f1a;--color-primary: #82368c;--color-primary-light: #9d4ba8;--color-accent: #a855f7;--color-accent-hover: #c084fc;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-bg: rgba(255, 255, 255, .05);--color-bg-app: #0a0a0f;--color-bg-secondary: rgba(255, 255, 255, .08);--color-border: rgba(130, 54, 140, .4);--color-text: #e5e5e5;--color-text-secondary: #9ca3af;--color-nav-bg: rgba(10, 10, 15, .95);--color-nav-border: rgba(130, 54, 140, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 20px -5px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 30px -8px rgba(0, 0, 0, .8);--glow-accent: 0 0 20px rgba(130, 54, 140, .6), 0 0 40px rgba(130, 54, 140, .3);--glow-purple: 0 0 30px rgba(130, 54, 140, .7), 0 0 60px rgba(130, 54, 140, .4);--glow-success: 0 0 20px rgba(16, 185, 129, .5), 0 0 40px rgba(16, 185, 129, .25)}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}#app{width:100%;height:100vh;margin:0;padding:0}