:root[data-theme=besace]{--bg: #f6f3ec;--body-bg: #f6f3ec;--panel: #fffdf8;--border: #e0d9cb;--text: #23201a;--text-muted: #6d665a;--accent: #3f6b4a;--accent-soft: #e4ece3;--accent-contrast: #ffffff;--danger: #a63a2f;--danger-soft: #f6e4e1;--warning: #8a6212;--warning-soft: #f7ecd4;--success: #2f6b46;--success-soft: #e0efe4;--info: #2f5b6b;--info-soft: #e0eaef;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-control: 10px;--radius-card: 16px;--shadow-card: 0 1px 2px rgb(35 32 26 / 6%), 0 4px 16px rgb(35 32 26 / 5%);--font-size-h1: 1.375rem;--bottom-nav-height: 4rem;--touch-target: 2.75rem}:root[data-theme=besace-sombre]{--bg: #191713;--body-bg: #191713;--panel: #232019;--border: #3a352b;--text: #f0ebe1;--text-muted: #a49b8a;--accent: #8fbe9c;--accent-soft: #2a332b;--accent-contrast: #14180f;--danger: #e58b7f;--danger-soft: #3a2724;--warning: #e0b45f;--warning-soft: #362c18;--success: #85c39d;--success-soft: #212f26;--info: #8fb6c6;--info-soft: #1f2b31;--font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-control: 10px;--radius-card: 16px;--shadow-card: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 16px rgb(0 0 0 / 25%);--font-size-h1: 1.375rem;--bottom-nav-height: 4rem;--touch-target: 2.75rem}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;background:var(--body-bg);color:var(--text);font-family:var(--font-family);font-size:1rem;line-height:1.5}h1{font-size:var(--font-size-h1);margin:0}h2,h3{font-size:1rem;margin:0 0 .5rem}a{color:var(--accent)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em;background:var(--accent-soft);padding:.1em .35em;border-radius:4px}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell-main{display:flex;flex-direction:column;flex:1;min-width:0}.shell-content{flex:1;padding:1rem;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 1rem);min-width:0}.page{max-width:60rem;margin:0 auto}.page-intro{color:var(--text-muted);margin:0 0 1rem}.sidebar{position:fixed;inset:auto 0 0 0;z-index:20;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.sidebar-brand{display:none}.sidebar-nav{display:flex;justify-content:space-around;align-items:stretch;height:var(--bottom-nav-height)}.sidebar-nav-label{display:none}.sidebar-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:var(--touch-target);padding:.25rem;color:var(--text-muted);text-decoration:none;font-size:.75rem;text-align:center}.sidebar-nav a.active{color:var(--accent);font-weight:600}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border)}.topbar-title{min-width:0;flex:1}.topbar-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{display:none}.topbar-actions{display:flex;align-items:center;gap:.25rem}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-target);min-height:var(--touch-target);border:none;border-radius:var(--radius-control);background:transparent;color:var(--text-muted);font-size:1.125rem;text-decoration:none;cursor:pointer}.icon-button.active,.icon-button:hover{background:var(--accent-soft);color:var(--accent)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--touch-target);padding:.25rem;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-control)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-weight:600}.user-email{display:none}.panel{position:absolute;right:0;top:calc(100% + .5rem);min-width:14rem;max-width:min(20rem,calc(100vw - 2rem));padding:.5rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 8px 24px #0000002e}.user-menu-popover a,.user-menu-popover button{display:flex;align-items:center;width:100%;min-height:var(--touch-target);padding:0 .75rem;border:none;border-radius:var(--radius-control);background:transparent;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.user-menu-popover a:hover,.user-menu-popover button:hover{background:var(--accent-soft)}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:100%;max-width:26rem;padding:1.5rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch-target);padding:0 1rem;border:1px solid transparent;border-radius:var(--radius-control);font:inherit;font-weight:600;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:var(--accent-contrast)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-neutral{background:var(--accent-soft);color:var(--text-muted)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-block;margin-left:.375rem;padding:0 .375rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.6875rem;font-weight:600}.banner{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-card)}.banner-content{flex:1;min-width:0}.banner-dismiss{flex:none;min-width:var(--touch-target);min-height:var(--touch-target);margin:-.5rem -.5rem -.5rem 0;border:none;background:transparent;color:inherit;font-size:1rem;cursor:pointer}.banner-info{background:var(--info-soft);color:var(--info)}.banner-success{background:var(--success-soft);color:var(--success)}.banner-warning{background:var(--warning-soft);color:var(--warning)}.banner-danger{background:var(--danger-soft);color:var(--danger)}.field{display:block;margin-bottom:.875rem}.field-label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.field input,.field select,.field textarea,.autocomplete-input input,.multiselect-searchable input,.tag-picker-create input{width:100%;min-height:var(--touch-target);padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font-size:1rem;font-family:inherit}.error{color:var(--danger);font-size:.875rem}.autocomplete-input{position:relative}.autocomplete-suggestions{position:absolute;z-index:15;left:0;right:0;margin:.25rem 0 0;padding:.25rem;list-style:none;max-height:14rem;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.autocomplete-suggestions li{min-height:var(--touch-target);display:flex;align-items:center;padding:0 .75rem;border-radius:var(--radius-control);cursor:pointer}.autocomplete-suggestions li[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.multiselect-list,.multiselect-scroll{list-style:none;margin:0;padding:0}.multiselect-scroll{max-height:16rem;overflow-y:auto}.multiselect-header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.multiselect-count{color:var(--text-muted);font-size:.875rem}.checkbox-row{display:flex;align-items:center;gap:.625rem;min-height:var(--touch-target);padding:0 .25rem;border-radius:var(--radius-control);cursor:pointer}.checkbox-row input[type=checkbox]{width:1.375rem;height:1.375rem;flex:none;accent-color:var(--accent)}.tag-picker-list,.tag-chip-group{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0 0 .75rem;padding:0}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;min-height:2rem;padding:0 .25rem 0 .75rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.875rem}.tag-chip-remove{min-width:1.75rem;min-height:1.75rem;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.tag-picker-create{display:flex;gap:.5rem}.tabs-list{display:flex;gap:.25rem;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:1rem}.tabs-tab{flex:none;min-height:var(--touch-target);padding:0 .875rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.tabs-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.member-list{list-style:none;margin:0;padding:0}.member-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border)}.member-identity{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0;word-break:break-word}.member-actions{display:flex;gap:.5rem}.member-actions select{flex:1;min-height:var(--touch-target);padding:0 .5rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font-size:1rem}.component-demo{padding:1rem;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.component-demo-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.component-demo-col{display:flex;flex-direction:column;gap:.5rem}.component-demo-note{margin:-.25rem 0 .75rem;color:var(--text-muted);font-size:.875rem}.theme-picker{display:flex;flex-wrap:wrap;gap:.75rem}.theme-option{display:flex;align-items:center;gap:.5rem;min-height:var(--touch-target);padding:0 .875rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--panel);color:var(--text);font:inherit;cursor:pointer}.theme-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.theme-swatch{width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--border)}.theme-swatch-besace{background:linear-gradient(135deg,#3f6b4a 50%,#f6f3ec 50%)}.theme-swatch-besace-sombre{background:linear-gradient(135deg,#8fbe9c 50%,#191713 50%)}.table-scroll{overflow-x:auto}@media(min-width:40rem){.shell-content{padding:1.5rem}.member-row{flex-direction:row;align-items:center;justify-content:space-between}.user-email{display:inline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}}@media(min-width:60rem){.shell{flex-direction:row}.shell-content{padding-bottom:1.5rem}.sidebar{position:sticky;inset:auto;align-self:flex-start;height:100dvh;width:15rem;flex:none;border-top:none;border-right:1px solid var(--border);padding:1rem .75rem;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:.625rem;padding:0 .5rem 1rem}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-control);background:var(--accent);color:var(--accent-contrast);font-weight:700}.sidebar-brand-name{font-weight:700}.sidebar-nav{flex-direction:column;justify-content:flex-start;gap:.125rem;height:auto}.sidebar-nav-label{display:block;padding:.75rem .5rem .25rem;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sidebar-nav a{flex:none;flex-direction:row;justify-content:flex-start;gap:.625rem;padding:0 .75rem;border-radius:var(--radius-control);font-size:.9375rem;text-align:left}.sidebar-nav a.active{background:var(--accent-soft)}.breadcrumb{display:block;margin:.125rem 0 0;color:var(--text-muted);font-size:.8125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}