.admin-container{display:flex;min-height:calc(100vh - 60px)}.admin-sidebar{width:250px;background-color:#34495e;color:#fff;padding:2rem 1rem 4rem;flex-shrink:0}.admin-sidebar h2{margin-bottom:2rem;font-size:1.5rem}.admin-nav{display:flex;flex-direction:column;gap:.5rem}.admin-nav button{padding:1rem;background-color:transparent;border:none;color:#fff;text-align:left;cursor:pointer;border-radius:4px;transition:background-color .2s;font-size:1rem}.admin-nav button:hover{background-color:#2c3e50}.admin-nav button.active{background-color:#3498db}.admin-content{flex:1;padding:2rem;background-color:#f5f5f5}.admin-login{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.admin-login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:360px}.admin-login-box h2{margin:0 0 .5rem;font-size:1.25rem}.admin-login-hint{color:#666;font-size:.9rem;margin-bottom:1.5rem}.admin-login-box form input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box;margin-bottom:.5rem}.admin-login-box form button{width:100%;padding:.75rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:.5rem}.admin-login-box form button:hover:not(:disabled){background-color:#2980b9}.admin-login-box form button:disabled{opacity:.7;cursor:not-allowed}.admin-login-error{color:#c0392b;font-size:.9rem;margin:.5rem 0 0}.admin-sidebar{position:relative}.admin-logout{position:absolute;bottom:1.5rem;left:1rem;right:1rem;padding:.75rem;background-color:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem}.admin-logout:hover{background-color:#ffffff40}.admin-section{max-width:1200px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h1{font-size:2rem;color:#2c3e50}.btn-primary{background-color:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-secondary:hover{background-color:#7f8c8d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;box-sizing:border-box}.modal-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;margin:0}.form-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.form-card h2{margin-bottom:1.5rem;color:#2c3e50}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#34495e}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{min-height:100px;resize:vertical}.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.color-input-group{display:flex;gap:.5rem;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.color-input-group input[type=text]{flex:1}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.radio-label:hover{background-color:#f8f9fa}.radio-label input[type=radio]{width:18px;height:18px;cursor:pointer}.form-actions{display:flex;gap:1rem;margin-top:2rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.item-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:1rem;position:relative}.item-card .color-indicator{position:absolute;top:0;left:0;right:0;height:4px;border-radius:8px 8px 0 0}.item-content{flex:1}.item-content h3{margin-bottom:.5rem;color:#2c3e50}.item-content p{color:#7f8c8d;margin-bottom:1rem;line-height:1.5}.item-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#7f8c8d}.item-meta span{display:flex;align-items:center;gap:.5rem}.status-color{width:16px;height:16px;border-radius:50%;display:inline-block}.item-actions{display:flex;gap:.5rem;align-self:flex-start}.btn-edit{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.btn-delete:hover{background-color:#c0392b}.produits-by-famille{display:flex;flex-direction:column;gap:2rem}.famille-group{background:#f8f9fa;border-radius:8px;padding:1rem;border:1px solid #dee2e6}.famille-group-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.famille-group-header:hover{background-color:#e9ecef}.famille-group-header h3{margin:0;color:#2c3e50;font-size:1.2rem}.famille-group-header .toggle-icon{color:#7f8c8d;font-size:.9rem}.famille-group .items-grid{margin-top:0}.formatting-options{background:#f8f9fa;padding:1rem;border-radius:4px;border:1px solid #dee2e6}.formatting-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.formatting-row:last-child{margin-bottom:0}.formatting-row label:first-child{min-width:150px;font-weight:500}.formatting-row .checkbox-label{min-width:auto}.incident-title-tooltip{cursor:help}.rich-text-editor{border:1px solid #ddd;border-radius:4px;background:#fff}.editor-toolbar{display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#f8f9fa;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;flex-wrap:wrap}.toolbar-btn{padding:.375rem .5rem;border:1px solid #ddd;background:#fff;border-radius:3px;cursor:pointer;font-size:.9rem;transition:background-color .2s;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:#e9ecef}.toolbar-btn.active{background:#6562ff;color:#fff;border-color:#0600ff}.toolbar-separator{margin:0 .25rem;color:#ddd;font-weight:700}.toolbar-select{padding:.25rem .5rem;border:1px solid #ddd;background:#fff;border-radius:3px;cursor:pointer;font-size:.85rem;height:32px}.toolbar-select:hover{border-color:#6562ff}.toolbar-color{width:32px;height:32px;border:1px solid #ddd;border-radius:3px;cursor:pointer;padding:0}.editor-content{padding:.75rem;min-height:100px;max-height:400px;overflow-y:auto;overflow-x:hidden;outline:none;line-height:1.5;resize:none;box-sizing:border-box}.editor-content:empty:before{content:attr(data-placeholder);color:#999;pointer-events:none}.editor-content:focus{outline:none}.product-history{margin-top:1rem;margin-bottom:1rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.history-bars{display:flex;gap:3px;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;height:20px;overflow:hidden;margin-bottom:1rem}.history-bar{cursor:pointer;transition:opacity .2s;flex:1;flex-shrink:0;flex-grow:0;min-width:0}.history-bar:hover{opacity:.7}.status-page{padding:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;min-height:100vh;background-color:transparent;overflow-x:hidden;position:relative}.status-page-header{margin-bottom:2rem}.status-page-header>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.status-page-header h1{font-size:2.5rem;color:#04040b;margin:0;text-align:center;flex:1}.status-page-header p{color:#6562ff;font-size:1.1rem;text-align:center}.rss-link{transition:opacity .2s}.rss-link:hover{opacity:.7}.familles-container{display:flex;flex-direction:column;gap:1.5rem;width:60%;max-width:100%;align-items:stretch;margin:0 auto;box-sizing:border-box;padding:0 1rem}@media (max-width: 768px){.familles-container{width:100%;padding:0 .5rem}.status-page{padding:1rem}}.famille-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #04040b1a;overflow:visible;width:100%;margin:0 auto;display:flex;flex-direction:column;border:1px solid rgba(101,98,255,.2)}.famille-header{padding:1.5rem;background-color:#6562ff0d;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border-bottom:2px solid rgba(101,98,255,.2);width:100%;box-sizing:border-box}.famille-header-left,.famille-header-right{display:flex;align-items:center;gap:1rem}.famille-pastille{width:16px;height:16px;border-radius:50%;flex-shrink:0;cursor:help}.famille-header:hover{background-color:#6562ff1a}.famille-header h2{margin:0;color:#04040b;font-size:1.5rem}.famille-ressources{color:#6562ff;font-size:.9rem;font-weight:400}.incidents-en-cours{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:#ffc9b233;border-radius:8px;border:1px solid #FFC9B2;justify-content:center;width:fit-content;margin-left:auto;margin-right:auto}.incident-en-cours-item{padding:.75rem 1.5rem;background-color:#ffc9b2;color:#04040b;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,transform .2s;text-align:center}.incident-en-cours-item:hover{background-color:#ffc9b2cc;transform:translateY(-2px);box-shadow:0 2px 4px #04040b33}.toggle-icon{font-size:1.2rem;color:#6562ff;transition:transform .2s}.famille-description{padding:1rem 1.5rem;margin:0;color:#6562ff;border-bottom:1px solid rgba(101,98,255,.2)}.produits-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto}.no-produits{text-align:center;color:#6562ff;padding:2rem;font-style:italic}.produit-card{background:#6562ff08;border-radius:8px;padding:1.5rem;transition:box-shadow .2s;width:100%;max-width:100%;box-sizing:border-box;border:1px solid rgba(101,98,255,.1);overflow-x:auto}.produit-card-compact{padding:.75rem 1.5rem;margin-bottom:.5rem}.produit-card-compact:last-child{margin-bottom:0}.produit-card-compact h3{margin:0;font-size:1.1rem}.produits-sans-incidents-group{display:flex;flex-direction:column;gap:0}.produit-card:hover{box-shadow:0 4px 12px #6562ff33;border-color:#6562ff4d}.produit-card h3{margin:0 0 .5rem;color:#04040b;font-size:1.3rem}.produit-description{color:#6562ff;margin:0 0 1rem;line-height:1.5}.incidents-container{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(101,98,255,.2)}.incidents-container h4{margin:0 0 1rem;color:#04040b;font-size:1rem;font-weight:600}.incident-card{background:#fff;border-radius:6px;padding:1rem;margin-bottom:.75rem;border-left:4px solid #0600FF;box-shadow:0 1px 3px #04040b1a}.incident-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.incident-header>div:first-child{flex:1}.incident-header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.incident-header h5{margin:0 0 .25rem;color:#04040b;font-size:1.1rem}.toggle-details-btn{background:transparent;border:1px solid rgba(101,98,255,.3);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.8rem;color:#6562ff;transition:all .2s;flex-shrink:0}.toggle-details-btn:hover{background:#6562ff1a;border-color:#6562ff}.incident-date{font-size:.85rem;color:#6562ff;font-weight:400}.incident-details{font-size:.9rem;color:#04040b;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(101,98,255,.2);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;min-height:fit-content}.incident-statut{padding:.25rem .75rem;border-radius:12px;color:#fff;font-size:.85rem;font-weight:500;white-space:nowrap}.incident-description{margin:0;color:#6562ff;line-height:1.5;font-size:.95rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #04040b1a;border:1px solid rgba(101,98,255,.2)}.empty-state p{color:#6562ff;font-size:1.1rem;margin:.5rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:1rem}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #6562FF;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;font-size:.9rem}.app{min-height:100vh}.main-nav{background-color:#2c3e50;padding:1rem 2rem;display:flex;gap:2rem}.main-nav a{color:#fff;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.main-nav a:hover{background-color:#34495e}.main-nav a.active{background-color:#3498db}*{margin:0;padding:0;box-sizing:border-box}:root{font-synthesis:none;--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-50: oklch(.985 .002 247.839);--color-gray-300: oklch(.872 .01 258.338);--color-gray-600: oklch(.446 .03 256.802);--color-white: #fff;--spacing: .25rem;--container-2xl: 42rem;--container-4xl: 56rem;--container-5xl: 64rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-weight-bold: 700;--tracking-wide: .025em;--leading-relaxed: 1.625;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings);--banner-height: 48px;--banner-height-v2: 40px;--full-height-with-banner: calc(100dvh - var(--banner-height));--font-size: 16px;--lt-color-gray-100: #f8f9fc;--lt-color-gray-200: #f1f3f9;--lt-color-gray-300: #dee3ed;--lt-color-gray-400: #c2c9d6;--lt-color-gray-500: #8f96a3;--lt-color-gray-600: #5e636e;--lt-color-gray-700: #2f3237;--lt-color-gray-800: #1d1e20;--lt-color-gray-900: #111213;--lt-shadowDefault: 0 2px 6px -1px rgba(0, 0, 0, .16), 0 1px 4px -1px rgba(0, 0, 0, .04);--lt-shadowActive: 0 0 8px -2px rgba(0, 0, 0, .1), 0 6px 20px -3px rgba(0, 0, 0, .2);--lt-color-white: #fff !important;--lt-color-black: #111213 !important;--lt-color-transparent: rgba(255, 255, 255, 0) !important;--lt-color-background-light: var(--lt-color-gray-100) !important;--lt-color-background-default: var(--lt-color-gray-200) !important;--lt-color-background-dark: var(--lt-color-gray-300) !important;--lt-color-border-light: var(--lt-color-gray-200) !important;--lt-color-border-default: var(--lt-color-gray-300) !important;--lt-color-border-dark: var(--lt-color-gray-400) !important;--lt-color-text-very-light: var(--lt-color-gray-500) !important;--lt-color-text-light: var(--lt-color-gray-600) !important;--lt-color-text-default: var(--lt-color-gray-700) !important;--lt-color-text-dark: var(--lt-color-gray-800) !important;--lt-color-overlay-default: #fff !important;--lt-color-overlay-dark: #fff !important;--lt-color-overlay-transparent: rgba(0, 0, 0, .1) !important;--lt-shadow-website-overlay: 0 0 7px 0 rgba(0, 0, 0, .3) !important;--background: #fff;--foreground: oklch(.145 0 0);--card: #fff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #fff;--border: #0000001a;--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: .625rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--tw-duration: .2s;--tw-enter-opacity: 0;--tw-enter-translate-y: calc(2 * var(--spacing) * -1)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent;font-size:var(--font-size);line-height:inherit;color:var(--foreground);box-sizing:border-box;border:0 solid;border-color:var(--border);outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}#root{min-height:100vh}