@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";:root{--color-dark:#222;--color-gold:#b8976a;--color-gold-pale:#b8976a14;--color-bg:#f8f6f1;--color-card:#fff;--color-light:#faf9f6;--color-border:#e8e4dd;--color-border-dark:#d5d0c7;--color-text:#222;--color-muted:#777270;--color-text-light:#aaa8a4;--color-white:#fff;--color-green:#3a8a5c;--color-green-bg:#e8f5ed;--color-blue:#4a7ab5;--color-blue-bg:#e8f0fa;--color-amber:#b5863a;--color-amber-bg:#faf0e0;--color-red:#b54a4a;--color-red-bg:#fae8e8;--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 40px #0000001a;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:13px}::selection{background:#b8976a33}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}button,input{font-family:inherit}a{color:var(--color-blue);text-decoration:none}a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen{background:var(--color-bg);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.screen-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;padding:36px 28px}.screen-logo{background:var(--color-dark);border-radius:var(--radius-lg);width:150px;height:auto;margin:0 auto 20px;padding:14px 16px;display:block}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold);margin-bottom:6px;font-size:11px;font-weight:600}.screen-title{color:var(--color-dark);margin:0 0 22px;font-size:22px;font-weight:300}.field{text-align:left;margin-bottom:14px}.field label{color:var(--color-muted);margin-bottom:5px;font-size:12px;display:block}.field input{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-light);width:100%;color:var(--color-text);transition:border-color var(--transition-fast);padding:11px 12px;font-size:15px}.field input:focus{border-color:var(--color-gold);background:var(--color-white);outline:none}.btn{border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-dark);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:#000}.btn-gold{background:var(--color-gold);color:#fff}.btn-gold:hover:not(:disabled){filter:brightness(.95)}.btn-ghost{background:var(--color-white);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-dark);background:var(--color-light)}.btn-sm{padding:7px 12px;font-size:12px}.error-msg{background:var(--color-red-bg);color:var(--color-red);border-radius:var(--radius-lg);text-align:left;margin-bottom:14px;padding:10px 12px;font-size:13px}.app-container{height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-dark);width:240px;color:var(--color-white);transition:width var(--transition-normal), transform var(--transition-normal);z-index:50;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:0;transform:translate(-240px)}.sidebar-header{border-bottom:1px solid #ffffff14;padding:18px 16px}.sidebar-logo{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.sidebar-logo-img{border-radius:6px;width:170px;height:auto}.sidebar-brand{color:var(--color-gold);letter-spacing:3px;text-align:center;opacity:.75;font-size:11px;font-weight:600}.sidebar-nav{flex:1;padding:14px 10px;overflow-y:auto}.sidebar-item{border-radius:var(--radius-md);cursor:pointer;color:#ffffff8c;transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;margin-bottom:3px;padding:11px 12px;font-size:13px;display:flex}.sidebar-item:hover{color:#ffffffd9;background:#ffffff0f}.sidebar-item.active{color:var(--color-gold);background:#b8976a26}.sidebar-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-item-label{flex:1;font-weight:400}.sidebar-item.active .sidebar-item-label{font-weight:500}.sidebar-count{border-radius:var(--radius-full);color:#ffffffb3;background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.sidebar-item.active .sidebar-count{color:var(--color-gold);background:#b8976a40}.sidebar-dot{border-radius:var(--radius-full);background:var(--color-red);color:#fff;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.sidebar-user{border-top:1px solid #ffffff0f;align-items:center;gap:10px;padding:14px 16px;display:flex}.sidebar-user-avatar{color:#fff;background:var(--color-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-user-poste{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.sidebar-user-logout{color:#fff9;border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff0f;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.sidebar-user-logout:hover{color:var(--color-gold);background:#ffffff24}.sidebar-overlay{z-index:99;background:#0006;position:fixed;inset:0}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.mobile-topbar{display:none}.app-content{animation:fadeIn var(--transition-normal);flex:1;padding:24px 28px 48px;overflow:auto}.content-inner{max-width:860px;margin:0 auto}.page-head{margin-bottom:20px}.page-title{color:var(--color-dark);margin-bottom:4px;font-size:22px;font-weight:300}.page-subtitle{color:var(--color-muted);font-size:12px}.greeting{color:var(--color-dark);margin-bottom:20px;font-size:26px;font-weight:300}.greeting strong{color:var(--color-gold);font-weight:600}.dossier-switch{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.dossier-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);padding:7px 14px;font-size:12px;font-weight:500}.dossier-pill:hover{border-color:var(--color-border-dark)}.dossier-pill.active{background:var(--color-dark);border-color:var(--color-dark);color:#fff}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card+.card{margin-top:14px}.empty-hint{color:var(--color-text-light);text-align:center;padding:40px 16px;font-size:13px}.empty-state{background:var(--color-card);border:1px dashed var(--color-border-dark);border-radius:var(--radius-xl);text-align:center;color:var(--color-text-light);padding:48px 24px}.empty-state-icon{opacity:.6;margin-bottom:10px;font-size:32px;display:block}.empty-state-label{color:var(--color-muted);font-size:14px}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-kind{background:var(--color-gold-pale);color:var(--color-gold)}.badge-validated{background:var(--color-green-bg);color:var(--color-green)}.badge-pending{background:var(--color-amber-bg);color:var(--color-amber)}.doc-item{border-bottom:1px solid var(--color-border);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.doc-item:last-child{border-bottom:none}.doc-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.doc-title{color:var(--color-dark);word-break:break-word;font-size:14px;font-weight:600}.doc-date{color:var(--color-text-light);margin-top:3px;font-size:12px}.doc-actions{flex-wrap:wrap;gap:8px;display:flex}.doc-subfolder-title{color:var(--color-muted);align-items:center;gap:6px;padding:14px 18px 4px;font-size:12px;font-weight:600;display:flex}.project-card{padding:20px}.project-card-header{color:var(--color-dark);border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:12px;font-size:15px;font-weight:600}.project-body{flex-direction:column;gap:20px;display:flex}.project-kpi{flex-direction:column;gap:12px;display:flex}.badge-phase{background:var(--color-gold-pale);color:var(--color-gold);align-self:flex-start;padding:5px 12px;font-size:12px}.badge-phase-conception{background:var(--color-blue-bg);color:var(--color-blue)}.badge-phase-travaux{background:var(--color-amber-bg);color:var(--color-amber)}.badge-phase-receptionne{background:var(--color-green-bg);color:var(--color-green)}.project-progress{align-items:center;gap:12px;display:flex}.progress-track{border-radius:var(--radius-full);background:var(--color-border);flex:1;height:8px;overflow:hidden}.progress-fill{background:var(--color-gold);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.project-progress-pct{color:var(--color-dark);text-align:right;min-width:36px;font-size:13px;font-weight:600}.project-dates{flex-direction:column;gap:8px;list-style:none;display:flex}.project-dates li{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:baseline;gap:10px;padding:10px 12px;font-size:13px;display:flex}.project-date-label{color:var(--color-muted)}.project-date-value{color:var(--color-dark);white-space:nowrap;font-weight:600}.placeholder-box{text-align:center;color:var(--color-text-light);padding:28px 16px;font-size:13px}.team-section{border-top:1px solid var(--color-border);padding-top:18px}.team-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--color-muted);margin-bottom:12px;font-size:11px;font-weight:600}.team-grid{grid-template-columns:1fr;gap:10px;display:grid}.team-card{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);align-items:flex-start;gap:12px;padding:12px;display:flex}.team-avatar{background:var(--color-gold-pale);width:46px;height:46px;color:var(--color-gold);border:2px solid var(--color-gold);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;overflow:hidden}.team-avatar img{object-fit:cover;width:100%;height:100%}.team-info{flex-direction:column;gap:2px;min-width:0;display:flex}.team-poste{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);font-size:11px;font-weight:600}.team-nom{color:var(--color-dark);font-size:14px;font-weight:600}.team-contact{color:var(--color-gold);word-break:break-word;font-size:13px}.team-contact:hover{text-decoration:underline}@media (width>=560px){.team-grid{grid-template-columns:1fr 1fr}}.event-item{border-bottom:1px solid var(--color-border);cursor:default;align-items:flex-start;gap:12px;padding:16px 18px;font-size:13px;display:flex}.event-item:last-child{border-bottom:none}.event-item.unread{cursor:pointer;background:var(--color-gold-pale)}.event-marker{background:0 0;border-radius:50%;flex:none;width:8px;height:8px;margin-top:5px}.event-item.unread .event-marker{background:var(--color-red)}.event-body{flex:1;min-width:0}.event-label{color:var(--color-dark);font-weight:600}.event-item.unread .event-label{color:var(--color-dark)}.event-sub{color:var(--color-muted);margin-top:2px}.event-date{color:var(--color-text-light);margin-top:4px;font-size:11px}.photo-group+.photo-group{margin-top:18px}.photo-group-title{color:var(--color-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.photo-tile{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.photo-tile-img{aspect-ratio:4/3;background:var(--color-light);cursor:pointer;border:none;width:100%;padding:0;display:block}.photo-tile-img:disabled{cursor:wait;opacity:.7}.photo-tile-img img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile-fallback{opacity:.4;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.photo-tile-footer{justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.photo-tile-footer .doc-date{margin-top:0}.notes-card{padding:20px}.notes-hint{color:var(--color-muted);margin-bottom:12px;font-size:13px;line-height:1.5}.notes-textarea{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-light);width:100%;min-height:220px;color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast);padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5}.notes-textarea:focus{border-color:var(--color-gold);background:var(--color-white);outline:none}.notes-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.notes-saved-at{color:var(--color-text-light);font-size:12px}.confirm-overlay{z-index:120;background:#22222273;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.confirm-box{background:var(--color-card);border-radius:var(--radius-2xl);width:100%;max-width:360px;box-shadow:var(--shadow-lg);padding:24px}.confirm-box p{color:var(--color-text);margin-bottom:20px;font-size:14px;line-height:1.5}.confirm-actions{gap:10px;display:flex}.confirm-actions .btn{flex:1}@media (width<=768px){.sidebar{z-index:100;height:100dvh;position:fixed;top:0;left:0}.sidebar.collapsed{transform:translate(-240px)}.mobile-topbar{background:var(--color-dark);border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:10px 14px;display:flex}.mobile-topbar-logo{width:auto;height:26px}.mobile-topbar-title{color:var(--color-gold);letter-spacing:2px;flex:1;font-size:11px;font-weight:600}.hamburger{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;border:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex;position:relative}.hamburger-dot{background:var(--color-red);border:2px solid var(--color-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.app-content{padding:18px 16px 40px}.greeting{font-size:22px}.page-title{font-size:20px}}