:root{--color-primary: #0f5a7e;--color-primary-light: #1a7aab;--color-primary-dark: #0a3f5c;--color-primary-subtle: #e6f3fa;--color-secondary: #2196a6;--color-secondary-light: #26b0c2;--color-secondary-dark: #18747f;--color-secondary-subtle: #e4f5f7;--color-accent: #0d9b6a;--color-accent-light: #12c084;--color-accent-dark: #097a53;--color-accent-subtle: #e5f7f0;--gradient-brand: linear-gradient(135deg, #0f5a7e 0%, #12c084 100%);--gradient-warm: linear-gradient(135deg, #0f5a7e 0%, #2196a6 50%, #12c084 100%);--gradient-soft: linear-gradient(135deg, #e6f3fa 0%, #e5f7f0 100%);--gradient-card: linear-gradient(135deg, rgba(15,90,126,.04) 0%, rgba(18,192,132,.04) 100%);--color-success: #27ae60;--color-success-light: #2ecc71;--color-success-subtle: #eafaf1;--color-warning: #f39c12;--color-warning-light: #f5b041;--color-warning-subtle: #fef5e7;--color-error: #e74c3c;--color-error-light: #ec7063;--color-error-subtle: #fdedec;--color-info: #2980b9;--color-info-light: #5dade2;--color-info-subtle: #ebf5fb;--color-gray-50: #f8fafb;--color-gray-100: #f1f4f7;--color-gray-200: #e5e9ed;--color-gray-300: #d3d9df;--color-gray-400: #b8c0c9;--color-gray-500: #8f99a3;--color-gray-600: #5f6b76;--color-gray-700: #3d4852;--color-gray-800: #2a3138;--color-gray-900: #1a1f25;--color-bg: #f1f5f8;--color-surface: #ffffff;--color-overlay: rgba(10, 63, 92, .5);--color-text: #212529;--color-text-secondary:#6c757d;--color-text-muted: #adb5bd;--color-text-inverse: #ffffff;--color-text-link: #2980b9;--color-text-link-hover:#1a5276;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-border-focus: #2980b9;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-12: 64px;--space-16: 80px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-semibold: 600;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-body: 1.5;--line-height-heading: 1.2;--line-height-tight: 1.3;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 90, 126, .04);--shadow-sm: 0 1px 3px rgba(15, 90, 126, .06), 0 1px 2px rgba(15, 90, 126, .04);--shadow-md: 0 4px 12px rgba(15, 90, 126, .08), 0 2px 4px rgba(15, 90, 126, .04);--shadow-lg: 0 12px 24px rgba(15, 90, 126, .1), 0 4px 8px rgba(15, 90, 126, .06);--shadow-xl: 0 24px 48px rgba(15, 90, 126, .12), 0 8px 16px rgba(15, 90, 126, .06);--shadow-focus: 0 0 0 3px rgba(15, 90, 126, .2);--shadow-glow: 0 0 20px rgba(15, 90, 126, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 300;--z-header: 400;--z-overlay: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--topnav-height: 64px;--content-max-width: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,svg,video,canvas{display:block;max-width:100%}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;font:inherit;border:none;background:none}input,textarea,select{font:inherit}fieldset{border:none}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}::selection{background-color:var(--color-primary-subtle);color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);color:var(--color-text);margin-bottom:var(--space-2)}h1{font-size:var(--font-size-3xl);letter-spacing:-.02em}h2{font-size:var(--font-size-2xl);letter-spacing:-.015em}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4);color:var(--color-gray-700)}p:last-child{margin-bottom:0}small,.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--color-text-muted)}strong,.font-semibold{font-weight:var(--font-weight-semibold)}.font-light{font-weight:var(--font-weight-light)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}code{font-family:var(--font-family-mono);font-size:.9em;background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-primary)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.app-content{flex:1;padding:var(--space-6);max-width:var(--content-max-width);width:100%;margin:0 auto}.app-content--full{max-width:100%}.content-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.content-header__left{display:flex;flex-direction:column;gap:var(--space-1)}.content-header__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.topnav{position:sticky;top:0;z-index:var(--z-header);height:var(--topnav-height);background:#ffffffd1;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(15,90,126,.08);box-shadow:0 1px 12px #0f5a7e0f}.topnav__inner{display:flex;align-items:center;height:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-5);gap:var(--space-5)}.topnav__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-primary);flex-shrink:0;margin-right:var(--space-4)}.topnav__logo-img{width:44px;height:44px;object-fit:contain;border-radius:var(--radius-md)}.topnav__brand-text{display:flex;flex-direction:column;line-height:1.15}.topnav__brand-name{font-size:1.15rem;font-weight:var(--font-weight-semibold);letter-spacing:.04em;color:var(--color-primary-dark)}.topnav__brand-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-light)}.topnav__menu{display:flex;align-items:center;gap:var(--space-1);flex:1}.topnav__link{display:flex;align-items:center;gap:6px;padding:8px 16px;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.topnav__link:hover{color:var(--color-primary);background:var(--color-primary-subtle)}.topnav__link--active{color:var(--color-primary);background:var(--color-primary-subtle);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px 0 0 var(--color-primary)}.topnav__link i{font-size:var(--font-size-sm)}.topnav__link--active i{color:var(--color-primary)}.topnav__actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;flex-shrink:0}.topnav__search{position:relative}.topnav__search-input{width:200px;height:36px;padding:0 var(--space-4) 0 34px;background:var(--color-gray-100);border:1px solid var(--color-border-light);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast)}.topnav__search-input::placeholder{color:var(--color-gray-500)}.topnav__search-input:focus{background:#fff;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none;width:260px}.topnav__search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);font-size:var(--font-size-sm);pointer-events:none}.topnav__icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);transition:all var(--transition-fast);position:relative}.topnav__icon-btn:hover{background:var(--color-gray-100);color:var(--color-primary)}.topnav__user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:box-shadow var(--transition-fast)}.topnav__user-avatar:hover{box-shadow:0 0 0 3px #1b4f7233}.topnav__toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--color-text);font-size:var(--font-size-lg);border-radius:var(--radius-md);transition:background var(--transition-fast)}.topnav__toggle:hover{background:var(--color-gray-100)}.header__icon-btn__badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.card{background:var(--color-surface);border:1px solid rgba(15,90,126,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth),border-color var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md);border-color:#0f5a7e24}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-3px)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--color-border-light);gap:var(--space-3)}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light);background:var(--color-gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card--vertical{display:flex;flex-direction:column;text-align:center;padding:var(--space-6) var(--space-5)}.card--vertical .card__avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 auto var(--space-4)}.card--vertical .card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--space-1)}.card--vertical .card__role{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.card--vertical .card__meta{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.card--vertical .card__meta i{margin-right:var(--space-1);width:14px;text-align:center}.card--horizontal{display:flex;align-items:center;padding:var(--space-4) var(--space-5);gap:var(--space-4)}.card--horizontal .card__icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0}.card--horizontal .card__content{flex:1;min-width:0}.card--horizontal .card__content-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card--horizontal .card__content-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card--horizontal .card__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card--stat{padding:var(--space-5);border-left:none;border-top:3px solid transparent;position:relative;overflow:hidden}.card--stat:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.04;transform:translate(20px,-30px);transition:opacity var(--transition-base)}.card--stat:hover:before{opacity:.08}.card--stat:nth-child(1){border-top-color:var(--color-primary)}.card--stat:nth-child(1):before{background:var(--color-primary)}.card--stat:nth-child(2){border-top-color:var(--color-accent)}.card--stat:nth-child(2):before{background:var(--color-accent)}.card--stat:nth-child(3){border-top-color:var(--color-success)}.card--stat:nth-child(3):before{background:var(--color-success)}.card--stat:nth-child(4){border-top-color:var(--color-warning)}.card--stat:nth-child(4):before{background:var(--color-warning)}.card--stat .card__stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.card--stat .card__stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:transform var(--transition-spring)}.card--stat:hover .card__stat-icon{transform:scale(1.1) rotate(-3deg)}.card--stat .card__stat-icon--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.card--stat .card__stat-icon--accent{background:var(--color-accent-subtle);color:var(--color-accent)}.card--stat .card__stat-icon--success{background:var(--color-success-subtle);color:var(--color-success)}.card--stat .card__stat-icon--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.card--stat .card__stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.card--stat .card__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:var(--line-height-heading)}.card--stat .card__stat-change{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1)}.card--stat .card__stat-change--positive{color:var(--color-success)}.card--stat .card__stat-change--negative{color:var(--color-error)}.card-grid{display:grid;gap:var(--space-5)}.card-grid--2{grid-template-columns:repeat(2,1fr)}.card-grid--3{grid-template-columns:repeat(3,1fr)}.card-grid--4{grid-template-columns:repeat(4,1fr)}.card-grid--annuaire{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card-list{display:flex;flex-direction:column;gap:var(--space-3)}.table-wrapper{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.table-wrapper--scrollable{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;font-size:var(--font-size-sm)}.table thead{background:var(--color-gray-50);border-bottom:1px solid var(--color-border)}.table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-600);white-space:nowrap;-webkit-user-select:none;user-select:none}.table th--sortable{cursor:pointer;transition:color var(--transition-fast)}.table th--sortable:hover{color:var(--color-primary)}.table th--sorted{color:var(--color-primary)}.table td{padding:var(--space-3) var(--space-4);color:var(--color-gray-700);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:var(--color-gray-50)}.table tbody tr:last-child td{border-bottom:none}.table--striped tbody tr:nth-child(2n){background-color:var(--color-gray-50)}.table--striped tbody tr:nth-child(2n):hover{background-color:var(--color-gray-100)}.table--compact th,.table--compact td{padding:var(--space-2) var(--space-3)}.table--clickable tbody tr{cursor:pointer}.table--clickable tbody tr:hover{background-color:var(--color-primary-subtle)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);gap:var(--space-3);flex-wrap:wrap;border-bottom:1px solid var(--color-border-light)}.table-toolbar__search{position:relative;flex:0 1 280px}.table-toolbar__filters{display:flex;align-items:center;gap:var(--space-2)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-pagination__info{white-space:nowrap}.table-pagination__controls{display:flex;align-items:center;gap:var(--space-1)}.table-pagination__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.table-pagination__btn:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-primary)}.table-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.table-pagination__btn--active{background:var(--color-primary);color:var(--color-text-inverse)}.table-pagination__btn--active:hover{background:var(--color-primary-dark);color:var(--color-text-inverse)}.table-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--color-text-secondary)}.table-empty__icon{font-size:var(--font-size-4xl);color:var(--color-gray-300);margin-bottom:var(--space-4)}.table-empty__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-2)}.form-label--required:after{content:" *";color:var(--color-error)}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.form-error{display:block;font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.form-input,.form-select,.form-textarea{display:block;width:100%;height:40px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-gray-400)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-gray-500)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-error)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px #e74c3c33}.form-textarea{height:auto;min-height:100px;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-input--sm,.form-select--sm{height:32px;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.form-input-wrapper{position:relative}.form-input-wrapper .form-input{padding-left:36px}.form-input-wrapper__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-gray-500);font-size:var(--font-size-sm);pointer-events:none}.form-input-group{display:flex;align-items:stretch}.form-input-group__prepend,.form-input-group__append{display:flex;align-items:center;padding:0 var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.form-input-group__prepend{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.form-input-group__append{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.form-input-group .form-input{border-radius:0}.form-input-group .form-input:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.form-input-group .form-input:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.form-check{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-base);color:var(--color-gray-700)}.form-check input[type=checkbox],.form-check input[type=radio]{width:16px;height:16px;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.form-check+.form-check{margin-top:var(--space-2)}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.form-row>.form-group{flex:1;min-width:200px}.form-switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-switch input{position:absolute;opacity:0;width:0;height:0}.form-switch__slider{width:36px;height:20px;background:var(--color-gray-300);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast);flex-shrink:0}.form-switch__slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast)}.form-switch input:checked+.form-switch__slider{background:var(--color-primary)}.form-switch input:checked+.form-switch__slider:after{transform:translate(16px)}.form-switch input:focus-visible+.form-switch__slider{box-shadow:var(--shadow-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;text-decoration:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--gradient-brand);color:var(--color-text-inverse);box-shadow:0 2px 8px #0f5a7e40;background-size:150% 150%;background-position:0% 50%}.btn--primary:hover{background-position:100% 50%;color:var(--color-text-inverse);box-shadow:0 4px 16px #0f5a7e59;transform:translateY(-1px)}.btn--primary:active{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-gray-700);border-color:var(--color-border)}.btn--secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400);color:var(--color-gray-800)}.btn--accent{background:var(--color-accent);color:var(--color-text-inverse)}.btn--accent:hover{background:var(--color-accent-light);color:var(--color-text-inverse)}.btn--ghost{background:transparent;color:var(--color-gray-600)}.btn--ghost:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.btn--danger{background:var(--color-error);color:var(--color-text-inverse)}.btn--danger:hover{background:var(--color-error-light);color:var(--color-text-inverse)}.btn--outline-danger{background:transparent;color:var(--color-error);border-color:var(--color-error)}.btn--outline-danger:hover{background:var(--color-error-subtle)}.btn--link{background:transparent;color:var(--color-text-link);padding:0;height:auto;font-weight:var(--font-weight-regular);border-radius:0}.btn--link:hover{color:var(--color-text-link-hover);text-decoration:underline}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:48px;padding:0 var(--space-7);font-size:var(--font-size-md)}.btn--icon{width:40px;padding:0}.btn--icon.btn--sm{width:32px}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn+.btn{margin-left:-1px}.btn--loading{position:relative;color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--transition-base)}.modal-overlay--hidden{display:none}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:calc(100vh - var(--space-12));display:flex;flex-direction:column;animation:slideInUp var(--transition-slow);transition:transform .2s ease,opacity .2s ease}.modal-overlay{transition:opacity .2s ease}.modal--sm{max-width:420px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:calc(100vw - var(--space-12))}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:0}.modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray-500);transition:all var(--transition-fast);flex-shrink:0}.modal__close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex-shrink:0}.modal__confirm-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--font-size-xl)}.modal__confirm-icon--danger{background:var(--color-error-subtle);color:var(--color-error)}.modal__confirm-icon--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.tabs{border-bottom:2px solid var(--color-border-light);display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);background:none}.tab:hover{color:var(--color-primary);background:var(--color-gray-50)}.tab--active,.tab.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary)}.tab__icon{font-size:var(--font-size-sm)}.tab__count{background:var(--color-gray-200);color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 7px;border-radius:var(--radius-full);line-height:1.4}.tab--active .tab__count{background:var(--color-primary-subtle);color:var(--color-primary)}.tab-panel{display:none;padding-top:var(--space-5)}.tab-panel--active,.tab-panel.active{display:block;animation:fadeIn var(--transition-base)}.tabs--pills{border-bottom:none;gap:var(--space-1);background:var(--color-gray-100);padding:var(--space-1);border-radius:var(--radius-lg);width:fit-content}.tabs--pills .tab{border-bottom:none;border-radius:var(--radius-md);margin-bottom:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.tabs--pills .tab--active{background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);white-space:nowrap}.badge--primary{background:var(--color-primary-subtle);color:var(--color-primary)}.badge--secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent-dark)}.badge--success{background:var(--color-success-subtle);color:var(--color-success)}.badge--warning{background:var(--color-warning-subtle);color:#9a6f08}.badge--error{background:var(--color-error-subtle);color:var(--color-error)}.badge--info{background:var(--color-info-subtle);color:var(--color-secondary-dark)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap}.tag__remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:10px;color:var(--color-gray-500);transition:all var(--transition-fast);margin-right:-4px}.tag__remove:hover{background:var(--color-gray-300);color:var(--color-gray-800)}.badge--electricite{background:#fef9e7;color:#7d6608}.badge--gaz{background:#eaf2f8;color:#1a5276}.badge--eclairage{background:#fef5e7;color:#935116}.badge--chaleur{background:#fdedec;color:#922b21}.map-container{width:100%;height:500px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden;box-shadow:var(--shadow-xs);background:var(--color-gray-100)}.map-container--sm{height:300px}.map-container--lg{height:600px}.map-container--full{height:calc(100vh - var(--topnav-height) - var(--space-12))}.map-container .leaflet-container{font-family:var(--font-family);font-size:var(--font-size-sm)}.map-container .leaflet-popup-content-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0}.map-container .leaflet-popup-content{margin:var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-body)}.map-container .leaflet-popup-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-primary)}.map-legend{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md);font-size:var(--font-size-xs)}.map-legend__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);color:var(--color-gray-800)}.map-legend__item{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.map-legend__color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.map-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-4);height:600px}.map-layout__sidebar{overflow-y:auto;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface)}.map-layout__map{height:100%}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--color-gray-50);border:2px dashed var(--color-gray-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:center}.dropzone:hover{border-color:var(--color-secondary);background:var(--color-secondary-subtle)}.dropzone--active{border-color:var(--color-primary);background:var(--color-primary-subtle);border-style:solid}.dropzone--error{border-color:var(--color-error);background:var(--color-error-subtle)}.dropzone--success{border-color:var(--color-success);background:var(--color-success-subtle)}.dropzone__icon{font-size:var(--font-size-3xl);color:var(--color-gray-400);transition:color var(--transition-fast)}.dropzone:hover .dropzone__icon{color:var(--color-secondary)}.dropzone--active .dropzone__icon{color:var(--color-primary)}.dropzone__text{font-size:var(--font-size-base);color:var(--color-gray-600)}.dropzone__text strong{color:var(--color-secondary)}.dropzone__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dropzone__files{width:100%;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.dropzone__file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.dropzone__file-icon{color:var(--color-secondary)}.dropzone__file-name{flex:1;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropzone__file-size{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dropzone__file-remove{color:var(--color-gray-400);transition:color var(--transition-fast)}.dropzone__file-remove:hover{color:var(--color-error)}.toast-container{position:fixed;top:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;max-width:400px;width:100%}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight var(--transition-slow);overflow:hidden;position:relative}.toast:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.toast--success:before{background:var(--color-success)}.toast--error:before{background:var(--color-error)}.toast--warning:before{background:var(--color-warning)}.toast--info:before{background:var(--color-info)}.toast__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--font-size-md);margin-top:1px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:2px}.toast__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-body)}.toast__close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-gray-400);flex-shrink:0;transition:all var(--transition-fast)}.toast__close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--color-gray-300);border-radius:0 var(--radius-sm) 0 0;animation:toastProgress 5s linear forwards}.toast--success .toast__progress{background:var(--color-success)}.toast--error .toast__progress{background:var(--color-error)}.toast--warning .toast__progress{background:var(--color-warning)}.toast--info .toast__progress{background:var(--color-info)}@keyframes toastProgress{0%{width:100%}to{width:0%}}.chart-container{position:relative;width:100%;background:var(--color-surface);padding:var(--space-5)}.chart-container canvas{width:100%!important;max-height:400px}.chart-container--sm canvas{max-height:250px}.chart-container--lg canvas{max-height:500px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.chart-header__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.chart-header__actions{display:flex;align-items:center;gap:var(--space-2)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--font-size-sm)}.chart-legend__item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-gray-600)}.chart-legend__dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.sparkline{display:inline-block;vertical-align:middle;width:80px;height:24px}.grid{display:grid;gap:var(--space-5)}.grid--gap-sm{gap:var(--space-3)}.grid--gap-md{gap:var(--space-5)}.grid--gap-lg{gap:var(--space-7)}.grid--gap-xl{gap:var(--space-9)}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid--auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-5{grid-column:span 5}.col-span-6{grid-column:span 6}.col-span-full{grid-column:1 / -1}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.m-0{margin:var(--space-0)}.p-0{padding:var(--space-0)}.m-1{margin:var(--space-1)}.p-1{padding:var(--space-1)}.m-2{margin:var(--space-2)}.p-2{padding:var(--space-2)}.m-3{margin:var(--space-3)}.p-3{padding:var(--space-3)}.m-4{margin:var(--space-4)}.p-4{padding:var(--space-4)}.m-5{margin:var(--space-5)}.p-5{padding:var(--space-5)}.m-6{margin:var(--space-6)}.p-6{padding:var(--space-6)}.m-7{margin:var(--space-7)}.p-7{padding:var(--space-7)}.m-8{margin:var(--space-8)}.p-8{padding:var(--space-8)}.mt-0{margin-top:var(--space-0)}.pt-0{padding-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.pt-1{padding-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.pt-2{padding-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.pt-3{padding-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.pt-4{padding-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.pt-5{padding-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.pt-6{padding-top:var(--space-6)}.mb-0{margin-bottom:var(--space-0)}.pb-0{padding-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.pb-1{padding-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.pb-2{padding-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.pb-3{padding-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.pb-5{padding-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.pb-6{padding-bottom:var(--space-6)}.ml-0{margin-left:var(--space-0)}.pl-0{padding-left:var(--space-0)}.ml-2{margin-left:var(--space-2)}.pl-2{padding-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.pl-3{padding-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.pl-4{padding-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:var(--space-0)}.pr-0{padding-right:var(--space-0)}.mr-2{margin-right:var(--space-2)}.pr-2{padding-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.pr-3{padding-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.pr-4{padding-right:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.min-h-0{min-height:0}.max-w-sm{max-width:420px}.max-w-md{max-width:560px}.max-w-lg{max-width:720px}.max-w-xl{max-width:960px}.max-w-2xl{max-width:1200px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky;top:0}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.border-none{border:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.bg-white{background:var(--color-surface)}.bg-gray-50{background:var(--color-gray-50)}.bg-gray-100{background:var(--color-gray-100)}.bg-primary{background:var(--color-primary);color:var(--color-text-inverse)}.bg-transparent{background:transparent}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-white{color:var(--color-text-inverse)}.divider{height:1px;background:var(--color-border-light);margin:var(--space-4) 0;border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardEnter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-grid>.card,.card-grid>a{animation:cardEnter .5s cubic-bezier(.22,1,.36,1) backwards}.card-grid>:nth-child(1){animation-delay:0ms}.card-grid>:nth-child(2){animation-delay:60ms}.card-grid>:nth-child(3){animation-delay:.12s}.card-grid>:nth-child(4){animation-delay:.18s}.card-grid>:nth-child(5){animation-delay:.24s}.card-grid>:nth-child(6){animation-delay:.3s}.welcome-hero{background:var(--gradient-warm);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-8);margin-bottom:var(--space-7);position:relative;overflow:hidden;color:#fff}.welcome-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.welcome-hero:after{content:"";position:absolute;bottom:-40%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.welcome-hero h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:#fff;margin-bottom:var(--space-2);position:relative;z-index:1}.welcome-hero p{color:#ffffffd9;font-size:var(--font-size-md);max-width:700px;position:relative;z-index:1}.welcome-hero__icons{position:absolute;right:var(--space-8);top:50%;transform:translateY(-50%);display:flex;gap:var(--space-4);opacity:.15;font-size:2.5rem;pointer-events:none}@media (max-width: 768px){.welcome-hero{padding:var(--space-6) var(--space-5)}.welcome-hero h1{font-size:var(--font-size-2xl)}.welcome-hero__icons{display:none}}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.section-title:before{content:"";width:4px;height:1.2em;background:var(--gradient-brand);border-radius:var(--radius-full);flex-shrink:0}.card--horizontal .card__icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--gradient-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);flex-shrink:0;transition:transform var(--transition-spring)}.card--clickable:hover .card__icon{transform:scale(1.1)}.topnav__link--active{color:var(--color-primary);background:var(--color-primary-subtle);font-weight:var(--font-weight-semibold);box-shadow:inset 0 -2px 0 0 var(--color-primary);position:relative}.tab--active,.tab.active{color:var(--color-primary);font-weight:var(--font-weight-semibold);border-image:var(--gradient-brand) 1}@media (max-width: 768px){.topnav__menu{background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideInUp var(--transition-slow)}.animate-slide-down{animation:slideInDown var(--transition-slow)}.animate-slide-left{animation:slideInLeft var(--transition-slow)}.animate-slide-right{animation:slideInRight var(--transition-slow)}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:14px;margin-bottom:var(--space-2);max-width:80%}.skeleton--title{height:20px;margin-bottom:var(--space-3);max-width:50%}.skeleton--circle{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--rect{height:120px}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:11pt;line-height:1.4}.topnav,.toast-container,.modal-overlay,.btn--primary,.btn--secondary,.btn--accent,.btn--ghost,.btn--danger,.table-pagination,.table-toolbar,.chart-header__actions,.content-header__actions,.dropzone,[data-print-hide]{display:none!important}.app-main{margin-left:0!important}.app-content{padding:0!important;max-width:100%!important}.card{border:1px solid #ccc!important;page-break-inside:avoid}.table-wrapper{border:none!important;overflow:visible!important}.table{font-size:9pt}.table th{background:#eee!important;color:#000!important}.table td,.table th{border:1px solid #ccc!important;padding:4px 8px}.map-container{height:300px!important;border:1px solid #ccc!important}a[href]:after{content:" (" attr(href) ")";font-size:9pt;color:#666!important}a[href^="#"]:after,a[href^=javascript]:after{content:""}h1,h2,h3,h4,h5,h6{page-break-after:avoid}@page{margin:1.5cm}.print-header{display:block!important;text-align:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #000}.print-header__title{font-size:16pt;font-weight:600}.print-header__subtitle{font-size:10pt;color:#666!important}.print-footer{display:block!important;text-align:center;margin-top:20px;padding-top:10px;border-top:1px solid #ccc;font-size:8pt}}.print-header,.print-footer,.print-only{display:none}@media (max-width: 1200px){.card-grid--4{grid-template-columns:repeat(3,1fr)}.grid--cols-5,.grid--cols-6{grid-template-columns:repeat(4,1fr)}.map-layout{grid-template-columns:280px 1fr}}@media (max-width: 992px){.card-grid--3,.card-grid--4,.grid--cols-3,.grid--cols-4{grid-template-columns:repeat(2,1fr)}.grid--cols-5,.grid--cols-6{grid-template-columns:repeat(3,1fr)}.map-layout{grid-template-columns:1fr;height:auto}.map-layout__sidebar{max-height:300px}.map-layout__map{height:400px}}@media (max-width: 768px){.topnav__toggle{display:flex}.topnav__menu{display:none;position:absolute;top:var(--topnav-height);left:0;right:0;background:#fff;flex-direction:column;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);box-shadow:0 8px 24px #00000014;gap:var(--space-1);z-index:var(--z-header)}.topnav__menu--open{display:flex}.topnav__link{padding:10px 16px;border-radius:var(--radius-md)}.topnav__search,.topnav__brand-text{display:none}.app-content{padding:var(--space-4)}.content-header{flex-direction:column;align-items:flex-start}.content-header__actions{width:100%}.card-grid--2,.card-grid--3,.card-grid--4{grid-template-columns:1fr}.card-grid--annuaire{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid--cols-2,.grid--cols-3,.grid--cols-4{grid-template-columns:1fr}.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6{grid-column:span 1}.table-toolbar{flex-direction:column;align-items:stretch}.table-toolbar__search{flex:1}.table-pagination{flex-direction:column;gap:var(--space-3);text-align:center}.modal-overlay{padding:var(--space-4);align-items:flex-end}.modal{max-height:calc(100vh - var(--space-8));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal--sm,.modal--lg,.modal--xl{max-width:100%}.tab{padding:var(--space-3) var(--space-3);font-size:var(--font-size-sm)}.map-container{height:350px}.map-container--full{height:400px}.form-row{flex-direction:column}.form-row>.form-group{min-width:auto}.toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}@media (max-width: 576px){body{font-size:var(--font-size-sm)}.page-title{font-size:var(--font-size-xl)}.app-content{padding:var(--space-3)}.topnav__logo-img{width:36px;height:36px}.content-header__actions .btn{width:100%;justify-content:center}.card__header,.card__body{padding:var(--space-4)}.card--horizontal{flex-direction:column;align-items:flex-start;text-align:left}.card--horizontal .card__actions{width:100%;justify-content:flex-end}.card-grid--annuaire{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.table--responsive thead{display:none}.table--responsive tbody tr{display:block;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.table--responsive td{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;border-bottom:none;font-size:var(--font-size-sm)}.table--responsive td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-gray-500);margin-right:var(--space-3);flex-shrink:0}.modal-overlay{padding:0}.modal{max-height:100vh;border-radius:0;height:100%}.tabs{gap:0;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3)}.dropzone{padding:var(--space-6) var(--space-4)}.chart-container canvas{max-height:250px}.btn-group--responsive{flex-direction:column}.btn-group--responsive .btn{border-radius:0;width:100%}.btn-group--responsive .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.btn-group--responsive .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.btn-group--responsive .btn+.btn{margin-left:0;margin-top:-1px}}.chat-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 16px #1b4f7259;z-index:var(--z-modal);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:none}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #1b4f7273}.chat-fab--hidden{display:none}.chat-panel{position:fixed;bottom:24px;right:24px;width:380px;max-height:520px;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 12px 40px #00000026;z-index:var(--z-modal);display:none;flex-direction:column;overflow:hidden;border:1px solid var(--color-border-light)}.chat-panel--open{display:flex;animation:chatSlideUp .25s ease}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:var(--gradient-brand);color:#fff;flex-shrink:0}.chat-panel__header-icon{width:32px;height:32px;border-radius:var(--radius-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.chat-panel__header-text{flex:1}.chat-panel__header-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.chat-panel__header-sub{font-size:var(--font-size-xs);opacity:.8}.chat-panel__close{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fffc;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);background:none;border:none}.chat-panel__close:hover{background:#ffffff26;color:#fff}.chat-panel__messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:280px;max-height:340px}.chat-panel__messages::-webkit-scrollbar{width:5px}.chat-panel__messages::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.chat-msg{max-width:85%;padding:10px 14px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5;word-break:break-word}.chat-msg--bot{align-self:flex-start;background:var(--color-gray-100);color:var(--color-text);border-bottom-left-radius:4px}.chat-msg--user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.chat-msg--typing{align-self:flex-start;background:var(--color-gray-100);color:var(--color-text-secondary);font-style:italic;border-bottom-left-radius:4px}.chat-msg--typing .typing-dots span{display:inline-block;width:6px;height:6px;margin:0 2px;background:var(--color-gray-400);border-radius:var(--radius-full);animation:typingBounce 1.2s infinite}.chat-msg--typing .typing-dots span:nth-child(2){animation-delay:.2s}.chat-msg--typing .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-panel__input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);flex-shrink:0}.chat-panel__input input{flex:1;height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-gray-50);transition:border-color var(--transition-fast)}.chat-panel__input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1b4f721f}.chat-panel__input button{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);cursor:pointer;border:none;transition:background var(--transition-fast);flex-shrink:0}.chat-panel__input button:hover{background:var(--color-primary-dark)}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.chat-suggestions button{padding:5px 12px;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.chat-suggestions button:hover{background:var(--color-primary);color:#fff}@media (max-width: 576px){.chat-panel{width:calc(100vw - 16px);right:8px;bottom:8px;max-height:calc(100vh - 80px)}.chat-fab{bottom:16px;right:16px}}@media (max-width: 576px){.hidden-sm{display:none!important}}@media (max-width: 768px){.hidden-md{display:none!important}}@media (max-width: 992px){.hidden-lg{display:none!important}}@media (max-width: 1200px){.hidden-xl{display:none!important}}@media (min-width: 577px){.visible-sm-only{display:none!important}}@media (min-width: 769px){.visible-md-only{display:none!important}}@media (min-width: 993px){.visible-lg-only{display:none!important}}@media (min-width: 1201px){.visible-xl-only{display:none!important}}.comp-chip{--chip: var(--color-primary);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--chip);background:color-mix(in srgb,var(--chip) 12%,#fff);border:1px solid color-mix(in srgb,var(--chip) 28%,#fff);text-decoration:none;white-space:nowrap;transition:transform var(--transition-fast),background var(--transition-fast)}a.comp-chip:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--chip) 20%,#fff)}.comp-chips{display:flex;flex-wrap:wrap;gap:6px}.comp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.comp-item{--chip: var(--color-primary);display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface);text-decoration:none;color:inherit;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}a.comp-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f5a7e14;border-color:color-mix(in srgb,var(--chip) 40%,#fff)}.comp-item__icon{width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--chip) 14%,#fff);color:var(--chip)}.comp-item__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-800);line-height:1.3}.comp-item__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.comp-item--off{background:var(--color-gray-50);border-style:dashed}.comp-item--off .comp-item__icon{background:var(--color-gray-100);color:var(--color-text-muted)}.comp-item--off .comp-item__name{color:var(--color-text-secondary)}.comp-status{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;margin-top:4px}.comp-status--on{color:var(--color-success)}.comp-status--off{color:var(--color-text-muted)}