:root{--color-primary-h: 239;--color-primary-s: 84%;--color-primary-l: 67%;--color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));--color-primary-dark: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 10%));--color-primary-light: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) + 15%));--color-primary-subtle: hsl(var(--color-primary-h), 60%, 95%);--primary: var(--color-primary);--primary-dark: var(--color-primary-dark);--primary-light: var(--color-primary-light);--primary-subtle: var(--color-primary-subtle);--color-secondary-h: 330;--color-secondary-s: 81%;--color-secondary-l: 60%;--color-secondary: hsl(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l));--color-secondary-dark: hsl(var(--color-secondary-h), var(--color-secondary-s), calc(var(--color-secondary-l) - 10%));--color-secondary-subtle: hsl(var(--color-secondary-h), 60%, 95%);--secondary: var(--color-secondary);--secondary-dark: var(--color-secondary-dark);--secondary-subtle: var(--color-secondary-subtle);--color-accent-h: 262;--color-accent-s: 83%;--color-accent-l: 58%;--color-accent: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));--accent: var(--color-accent);--color-success: hsl(142, 71%, 45%);--color-success-subtle: hsl(142, 60%, 95%);--success: var(--color-success);--success-subtle: var(--color-success-subtle);--color-warning: hsl(38, 92%, 50%);--color-warning-subtle: hsl(38, 80%, 95%);--warning: var(--color-warning);--warning-subtle: var(--color-warning-subtle);--color-danger: hsl(0, 84%, 60%);--color-danger-dark: hsl(0, 84%, 50%);--color-danger-subtle: hsl(0, 60%, 95%);--danger: var(--color-danger);--danger-dark: var(--color-danger-dark);--danger-subtle: var(--color-danger-subtle);--color-gray-50: hsl(210, 40%, 98%);--color-gray-100: hsl(210, 40%, 96%);--color-gray-200: hsl(214, 32%, 91%);--color-gray-300: hsl(213, 27%, 84%);--color-gray-400: hsl(215, 20%, 65%);--color-gray-500: hsl(215, 16%, 47%);--color-gray-600: hsl(215, 19%, 35%);--color-gray-700: hsl(215, 25%, 27%);--color-gray-800: hsl(217, 33%, 17%);--color-gray-900: hsl(222, 47%, 11%);--bg-body: var(--color-gray-50);--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .75);--bg-glass-hover: rgba(255, 255, 255, .9);--text-primary: var(--color-gray-900);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-500);--text-disabled: var(--color-gray-400);--text-inverse: #ffffff;--border-light: var(--color-gray-200);--border-medium: var(--color-gray-300);--border-focus: var(--color-primary);--input-bg: var(--color-gray-50);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-border: var(--border-light);--font-sans: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--border-width: 1px;--border-width-2: 2px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-primary: 0 4px 14px 0 rgba(99, 102, 241, .35);--shadow-danger: 0 4px 14px 0 rgba(239, 68, 68, .35);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-colors: color var(--duration-normal) var(--ease-default), background-color var(--duration-normal) var(--ease-default), border-color var(--duration-normal) var(--ease-default);--transition-transform: transform var(--duration-normal) var(--ease-default);--transition-all: all var(--duration-normal) var(--ease-default);--z-base: 0;--z-dropdown: 100;--z-sticky: 1000;--z-fixed: 2000;--z-fab: 9000;--z-modal-backdrop: 10000;--z-modal: 10001;--z-popover: 10100;--z-tooltip: 10200;--z-toast: 10300;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--nav-height: 4.5rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 4.5rem}html[data-theme=light-paper]{--bg-body: hsl(38, 30%, 90%);--bg-card: hsl(38, 25%, 93%);--bg-elevated: hsl(38, 20%, 95%);--bg-glass: rgba(245, 235, 215, .9);--bg-glass-hover: rgba(240, 230, 200, .95);--text-primary: hsl(30, 45%, 8%);--text-secondary: hsl(30, 35%, 18%);--text-muted: hsl(30, 25%, 30%);--border-light: hsl(35, 25%, 82%);--border-medium: hsl(35, 20%, 70%);--input-bg: hsl(38, 20%, 94%);--input-border: hsl(35, 25%, 75%);--color-primary-h: 22;--color-primary-s: 80%;--color-primary-l: 22%;--color-primary: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l));--color-primary-rgb: 56, 18, 10;--color-secondary-h: 40;--color-secondary-s: 75%;--color-secondary-l: 20%;--color-secondary: hsl(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l));--color-primary-subtle: hsl(var(--color-primary-h), 50%, 88%);--color-secondary-subtle: hsl(var(--color-secondary-h), 50%, 88%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E")}html.dark{--bg-body: var(--color-gray-900);--bg-card: var(--color-gray-800);--bg-elevated: var(--color-gray-700);--bg-glass: rgba(30, 41, 59, .8);--bg-glass-hover: rgba(51, 65, 85, .9);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-400);--text-disabled: var(--color-gray-500);--border-light: var(--color-gray-700);--border-medium: var(--color-gray-600);--input-bg: var(--color-gray-800);--input-text: var(--text-primary);--input-placeholder: var(--color-gray-400);--input-border: var(--color-gray-700);--bg-glass: rgba(15, 23, 42, .8);--color-primary-subtle: hsl(var(--color-primary-h), 40%, 15%);--color-secondary-subtle: hsl(var(--color-secondary-h), 40%, 15%);--color-success-subtle: hsl(142, 40%, 15%);--color-warning-subtle: hsl(38, 40%, 15%);--color-danger-subtle: hsl(0, 40%, 15%)}.switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-card);border:1px solid var(--border-light);transition:.3s;display:flex;align-items:center;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff;transition:.3s;box-shadow:0 2px 4px #0000001a;border-radius:50%}input:checked+.slider{background-color:var(--color-primary);border-color:var(--color-primary)}input:checked+.slider:before{transform:translate(22px)}input:focus+.slider{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border-width) solid var(--border-light);transition:var(--transition-all)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:var(--border-width) solid rgba(255,255,255,.15);transition:var(--transition-all)}.card-glass:hover{background:var(--bg-glass-hover)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive:active{transform:translateY(0)}.card-sm{padding:var(--space-3)}.card-md{padding:var(--space-4)}.card-lg{padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);border-radius:var(--radius-md);border:var(--border-width) solid transparent;cursor:pointer;transition:var(--transition-all);text-decoration:none;white-space:nowrap;min-height:2.5rem}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:var(--text-inverse);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-glass);color:var(--text-primary)}.btn-cancel{background:transparent;color:var(--text-secondary);border-color:var(--border-medium)}.btn-cancel:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--border-medium)}.btn-outline:hover:not(:disabled){background:var(--color-primary-subtle);border-color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark);box-shadow:var(--shadow-danger)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full);min-width:2.5rem;min-height:2.5rem}.btn-icon-sm{padding:var(--space-1);min-width:2rem;min-height:2rem}.btn-icon-lg{padding:var(--space-3);min-width:3rem;min-height:3rem}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:2rem}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);min-height:3rem}.btn-block{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--input-text);background:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-md);transition:var(--transition-colors);min-height:2.75rem}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input::placeholder{color:var(--text-muted)}.form-input-sm{padding:var(--space-2);font-size:var(--text-sm);min-height:2.25rem}.form-textarea{resize:vertical;min-height:6rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:var(--space-10)}.list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);transition:var(--transition-all)}.list-item-interactive{cursor:pointer}.list-item-interactive:hover{background:var(--bg-glass-hover)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.list-item-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.list-item-actions{display:flex;gap:var(--space-2);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary)}.chip-primary{background:var(--color-primary-subtle);color:var(--color-primary)}.chip-secondary{background:var(--color-secondary-subtle);color:var(--color-secondary)}.chip-success{background:var(--color-success-subtle);color:var(--color-success)}.chip-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.chip-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);background:var(--color-danger);color:var(--text-inverse)}.modal-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;justify-content:center;align-items:flex-start;padding:var(--space-4);padding-top:var(--space-12);height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn var(--duration-normal) var(--ease-out)}@media(min-width:768px)and (min-height:640px){.modal-backdrop{align-items:center;padding-top:var(--space-4)}}.modal{position:relative;width:100%;max-width:28rem;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:var(--modal-max-height, 90vh);margin:auto 0;animation:modalSlideUp var(--duration-normal) var(--ease-out)}.modal-top-aligned{margin:0 0 auto!important}.modal-sm{max-width:24rem}.modal-md{max-width:28rem}.modal-lg{max-width:40rem}.modal-xl{max-width:60rem}.modal-wide{max-width:80rem}.modal-fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;margin:0}@media(min-width:768px){.modal-fullscreen{width:calc(100% - var(--space-8));max-width:32rem;max-height:calc(100vh - var(--space-16));border-radius:var(--radius-xl);margin:auto}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width) solid var(--border-light);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--border-light);flex-shrink:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-bottom{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,1fr);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:var(--border-width) solid var(--border-light);padding:var(--space-2);z-index:var(--z-fixed);height:var(--nav-height)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);color:var(--text-muted);text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:var(--transition-colors);min-height:2.75rem}.nav-item:hover{color:var(--text-secondary);background:var(--bg-glass)}.nav-item.active{color:var(--color-primary)}.nav-item-icon{font-size:1.5rem}.nav-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:var(--border-width) solid var(--border-light);padding:var(--space-4);z-index:var(--z-fixed);flex-direction:column}@media(min-width:768px){.nav-sidebar{display:flex}.nav-bottom{display:none}.nav-sidebar .nav-item{flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}.segmented-control{display:inline-flex;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1)}.segmented-control-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);text-transform:capitalize}.segmented-control-item:hover{color:var(--text-secondary)}.segmented-control-item.active{background:var(--color-primary);color:var(--text-inverse)}.fab{position:fixed;bottom:calc(var(--nav-height) + var(--space-10));right:var(--space-4);width:3.5rem;height:3.5rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--text-inverse);border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-fab);transition:background-color var(--duration-normal),transform var(--duration-normal),box-shadow var(--duration-normal)}.fab:hover{transform:scale(1.05);box-shadow:var(--shadow-primary)}.fab:active{transform:scale(.95)}@media(min-width:768px){.fab{bottom:var(--space-6);right:var(--space-6)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-bounce)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--text-sm);max-width:20rem}.form-row-responsive{display:flex;gap:var(--space-4);flex-direction:row}@media(max-width:480px){.form-row-responsive{flex-direction:column;gap:var(--space-4)}}input[type=datetime-local],input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;min-width:0!important;width:100%!important;max-width:100%!important;min-height:2.75rem}body.modal-open{overflow:hidden;position:fixed;width:100%}.emoji-picker-in-modal{max-width:100%;overflow:auto}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.page{min-height:100vh;padding-bottom:calc(var(--nav-height) + var(--space-4))}.safe-bottom{padding-bottom:calc(var(--nav-height) + var(--space-6) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.page{padding-left:var(--sidebar-width);padding-bottom:var(--space-4)}.safe-bottom{padding-bottom:var(--space-6)}}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}@media(min-width:480px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:inline{display:inline}}@media(min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.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}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}@media(min-width:480px){.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}}@media(min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}.grid-auto-fit-md{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}@media(min-width:480px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-0{gap:0}.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-8{gap:var(--space-8)}.gap-x-2{column-gap:var(--space-2)}.gap-x-4{column-gap:var(--space-4)}.gap-y-2{row-gap:var(--space-2)}.gap-y-4{row-gap:var(--space-4)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.pt-0{padding-top:0}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-0{padding-bottom:0}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-20{padding-bottom:var(--space-20)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.-mt-1{margin-top:calc(-1 * var(--space-1))}.-mt-2{margin-top:calc(-1 * var(--space-2))}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-w-0{min-width:0}.min-h-screen{min-height:100vh}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-none{max-width:none}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--color-primary)}.text-accent{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.bg-body{background-color:var(--bg-body)}.bg-card{background-color:var(--bg-card)}.bg-glass{background-color:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bg-primary{background-color:var(--color-primary)}.bg-primary-subtle{background-color:var(--color-primary-subtle)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-subtle{background-color:var(--color-secondary-subtle)}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.bg-danger{background-color:var(--color-danger)}.bg-danger-subtle{background-color:var(--color-danger-subtle)}.bg-transparent{background-color:transparent}.border{border:var(--border-width) solid var(--border-light)}.border-0{border:0}.border-t{border-top:var(--border-width) solid var(--border-light)}.border-b{border-bottom:var(--border-width) solid var(--border-light)}.border-l{border-left:var(--border-width) solid var(--border-light)}.border-r{border-right:var(--border-width) solid var(--border-light)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-primary{border-color:var(--color-primary)}.border-danger{border-color:var(--color-danger)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-fixed)}.z-40{z-index:var(--z-modal-backdrop)}.z-50{z-index:var(--z-modal)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-none{transition:none}.duration-fast{transition-duration:var(--duration-fast)}.duration-normal{transition-duration:var(--duration-normal)}.duration-slow{transition-duration:var(--duration-slow)}.translate-y-0{transform:translateY(0)}.-translate-y-1{transform:translateY(-.25rem)}.-translate-y-2{transform:translateY(-.5rem)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-ring:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-height:100%;overscroll-behavior-y:none;touch-action:manipulation}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-body);min-height:100%;overscroll-behavior-y:none;user-select:none;-webkit-user-select:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-default),color var(--duration-slow) var(--ease-default)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}@media(min-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}button,input,select,textarea,[contenteditable=true],.selectable,.rich-text-content{user-select:auto;-webkit-user-select:auto}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer;background:none;border:none}input:focus,select:focus,textarea:focus,button:focus{outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media(prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:var(--color-gray-600)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}}html{scrollbar-width:thin;scrollbar-color:var(--color-gray-300) transparent}@media(prefers-color-scheme:dark){html{scrollbar-color:var(--color-gray-600) transparent}}::selection{background:var(--color-primary);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}#root{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding-bottom:calc(var(--nav-height) + var(--space-4))}@media(min-width:768px){.app-content{padding-left:var(--sidebar-width);padding-bottom:var(--space-6)}}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid rgba(255,255,255,.15)}@media(prefers-color-scheme:dark){.glass{border-color:#ffffff14}}.rich-text-content{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.rich-text-content h1,.rich-text-content h2{font-size:var(--text-lg);margin-top:var(--space-4);margin-bottom:var(--space-2)}.rich-text-content h3{font-size:var(--text-base);margin-top:var(--space-3);margin-bottom:var(--space-1)}.rich-text-content p{margin-bottom:var(--space-2);line-height:1.6}.rich-text-content ul,.rich-text-content ol{margin-left:var(--space-6);margin-bottom:var(--space-4);list-style:disc}.rich-text-content li{margin-bottom:var(--space-1)}@media print{body{background:#fff;color:#000}.nav-bottom,.nav-sidebar,.fab{display:none!important}}.emoji-picker-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease-out}.centered-picker{width:100%;max-width:350px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scaleIn .2s var(--ease-bounce)}.EmojiPickerReact{--epr-bg-color: var(--bg-card) !important;--epr-category-label-bg-color: var(--bg-card) !important;--epr-search-input-bg-color: var(--input-bg) !important;--epr-hover-bg-color: var(--bg-card-hover) !important;--epr-focus-bg-color: var(--bg-card-hover) !important;--epr-border-color: var(--border-color) !important;border:none!important;box-shadow:none!important}.EmojiPickerReact .epr-search-container{padding:10px!important}.EmojiPickerReact .epr-search{height:32px!important;padding:0 8px!important;font-size:13px!important;border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;background-color:var(--input-bg)!important}.EmojiPickerReact .epr-search:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 1px var(--color-primary)!important}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.wd-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#f0f2f5,#e1e4e8);font-family:Inter,sans-serif;color:#1f2937}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:20px}.wd-bg-blob{position:fixed;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;z-index:0}.wd-blob-1{top:-10%;left:-10%;width:40%;height:40%;background:#dbeafe}.wd-blob-2{bottom:-10%;right:-10%;width:50%;height:50%;background:#f3e8ff;filter:blur(150px)}.wd-header{width:100%;height:6rem;display:flex;align-items:center;justify-content:space-between;padding:2.5rem 4rem 0;z-index:10}.wd-header-left{display:flex;align-items:baseline;gap:1rem}.wd-title{font-family:"DM Serif Display",serif;font-size:3rem;line-height:1;letter-spacing:-.025em;color:#1e293b;margin:0}.wd-subtitle{color:#94a3b8;font-weight:500;font-size:1.125rem;letter-spacing:.025em}.wd-header-right{display:flex;align-items:center;gap:1.5rem}.wd-status-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff80;padding:.5rem 1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.6);box-shadow:0 1px 2px #0000000d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes wd-pulse{50%{opacity:.5}}.wd-status-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#10b981;animation:wd-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.wd-status-text{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.wd-status-offline{background:#fee2e2cc;border-color:#ef444466}.wd-status-offline .wd-status-dot{background-color:#ef4444;animation:none}.wd-status-offline .wd-status-text{color:#b91c1c}.wd-stale-banner{position:absolute;top:5rem;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:9999px;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;z-index:50;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.wd-grid{flex:1;width:100%;height:100%;padding:2rem 4rem 4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;z-index:10;position:relative;box-sizing:border-box}.wd-col{display:flex;flex-direction:column;height:100%;min-height:0}.wd-floating-card{background-color:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:2rem;box-shadow:0 25px 50px -12px #0000000d,inset 0 0 0 1px #ffffff80;border:1px solid rgba(255,255,255,.4);transition:all .4s ease;overflow:hidden}.wd-col-time{gap:2rem}.wd-clock-wrapper{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.wd-time-row{display:flex;align-items:baseline;gap:1rem}.wd-time-large{font-size:7rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:#1e293b;text-shadow:0 1px 2px rgba(0,0,0,.05);margin:0}.wd-time-ampm{font-size:1.875rem;font-weight:500;color:#94a3b8}.wd-date-wrapper{display:flex;flex-direction:column;padding-left:.5rem}.wd-date{font-size:1.875rem;font-weight:500;color:#334155;margin-bottom:.25rem}.wd-greeting{font-size:1.125rem;color:#64748b}.wd-weather-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(to bottom right,#ffffffe6,#fff6);margin-top:2rem}.wd-weather-main{display:flex;align-items:center;gap:1rem}.wd-weather-icon-symbol{font-size:3rem;color:#334155}.wd-weather-temp{display:flex;flex-direction:column}.wd-temp-val{font-size:2.25rem;font-weight:700;color:#1e293b;line-height:1}.wd-temp-desc{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.wd-weather-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid rgba(241,245,249,.5);padding-top:1rem}.wd-weather-detail{display:flex;flex-direction:column}.wd-detail-label{font-size:.625rem;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-bottom:.25rem}.wd-detail-val{font-size:1.125rem;font-weight:600;color:#334155}.wd-meals-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;padding-top:1rem}.wd-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-shrink:0}.wd-icon-bg{padding:.5rem;border-radius:.5rem}.wd-icon-meals{background:#ffedd580;color:#ea580c}.wd-section-header h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin:0}.wd-meals-list{display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem;padding-bottom:.5rem}.wd-meal-item{background:#fff6;border:1px solid rgba(255,255,255,.5);border-radius:.75rem;padding:1rem;display:flex;align-items:center;gap:1rem;transition:background-color .2s}.wd-meal-item:hover{background:#ffffffb3}.wd-meal-icon{width:3rem;height:3rem;border-radius:9999px;background:#fff7ed;color:#f97316;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wd-meal-info{flex:1;min-width:0}.wd-meal-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem}.wd-meal-top h4{font-size:1rem;font-weight:700;color:#334155;margin:0;line-height:1.25;flex:1}.wd-meal-time{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9a3412;background:#ffedd5;border:1px solid #fdba74;border-radius:999px;padding:.32rem .55rem;white-space:nowrap;flex-shrink:0}.wd-meal-info p{font-size:.82rem;color:#64748b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-tasks-inner,.wd-shopping-inner,.wd-budget-inner{display:flex;flex-direction:column;height:100%;padding:2rem}.wd-card-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2rem;z-index:10}.wd-card-header h2{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;color:#1e293b;margin:0 0 .5rem}.wd-col-tasks{background:#fff9}.wd-task-count{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:500;font-size:.875rem}.wd-pulse-dot{position:relative;display:flex;width:.5rem;height:.5rem}.wd-pulse-dot:before{content:"";position:absolute;width:100%;height:100%;border-radius:9999px;background-color:#38bdf8;animation:wd-ping 1s cubic-bezier(0,0,.2,1) infinite;opacity:.75}.wd-pulse-dot:after{content:"";position:relative;width:100%;height:100%;border-radius:9999px;background-color:#0ea5e9}@keyframes wd-ping{75%,to{transform:scale(2);opacity:0}}.wd-task-list{flex:1;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.wd-task-item{background:#fff9;border:1px solid transparent;border-radius:2rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1.25rem;position:relative;transition:all .3s}.wd-task-item:hover{background:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.wd-task-stripe{position:absolute;left:0;top:2rem;bottom:2rem;width:.25rem;border-top-right-radius:9999px;border-bottom-right-radius:9999px}.wd-task-high .wd-task-stripe{background-color:#f87171}.wd-task-medium .wd-task-stripe{background-color:#34d399}.wd-task-low .wd-task-stripe{background-color:#94a3b8}.wd-task-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000000d;margin-top:.25rem;flex-shrink:0;transition:transform .3s}.wd-task-item:hover .wd-task-icon{transform:scale(1.1)}.wd-task-high .wd-task-icon{background:#fef2f2;color:#ef4444}.wd-task-medium .wd-task-icon{background:#ecfdf5;color:#059669}.wd-task-low .wd-task-icon{background:#f8fafc;color:#94a3b8}.wd-task-item:hover{border-color:#0000000d}.wd-task-high:hover{border-color:#fee2e2}.wd-task-medium:hover{border-color:#d1fae5}.wd-task-low:hover{border-color:#e2e8f0}.wd-task-content{flex:1}.wd-task-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.wd-task-tags{display:flex;align-items:center;gap:.5rem}.wd-tag-priority{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.125rem .5rem;border-radius:9999px}.wd-task-high .wd-tag-priority{color:#dc2626;background:#fee2e2}.wd-task-medium .wd-tag-priority{color:#047857;background:#d1fae5}.wd-task-low .wd-tag-priority{color:#475569;background:#f1f5f9}.wd-tag-category{font-size:.75rem;color:#94a3b8}.wd-task-due{font-size:.75rem;font-family:monospace;font-weight:500;padding:.25rem .5rem;border-radius:.25rem}.wd-task-high .wd-task-due{color:#f87171;background:#fef2f2}.wd-task-medium .wd-task-due{color:#059669;background:#ecfdf5}.wd-task-low .wd-task-due{color:#94a3b8;background:#f8fafc}.wd-task-content h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.wd-task-content p{color:#64748b;font-size:.875rem;line-height:1.625;margin:0}.wd-col-shopping{background:#ffffffb3}.wd-header-title-row{display:flex;align-items:center;gap:1rem}.wd-icon-cart{background:#eff6ff;color:#2563eb;box-shadow:0 1px 2px #0000000d;padding:.75rem;border-radius:.75rem}.wd-header-title-row h2{font-size:1.5rem;text-transform:uppercase;letter-spacing:.025em;color:#1e293b;margin:0}.wd-header-title-row p{font-size:.875rem;color:#94a3b8;font-weight:500;margin:.125rem 0 0}.wd-big-number{font-size:2.25rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.75rem 1.25rem;border-radius:1rem}.wd-shopping-list{flex:1;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.wd-shopping-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff9;border-radius:1.5rem;transition:background-color .2s,border-color .2s;border:1px solid transparent;box-shadow:0 1px 2px #0000000d}.wd-shopping-item:hover{background:#fff;border-color:#f1f5f9}.wd-shopping-left{display:flex;align-items:center;gap:1.25rem}.wd-shopping-dot{width:1rem;height:1rem;border-radius:9999px;background-color:#3b82f6;box-shadow:0 0 0 4px #eff6ff;transition:all .3s}.wd-shopping-item:hover .wd-shopping-dot{box-shadow:0 0 0 4px #dbeafe}.wd-shopping-info h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin:0 0 .125rem}.wd-shopping-info span{font-size:.625rem;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;display:block}.wd-shopping-qty{color:#475569;font-family:monospace;font-size:1.125rem;font-weight:700;background:#f1f5f9;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.75rem}.wd-inventory-alert{background:#fff1f2;opacity:.9}.wd-dot-alert{background-color:#ef4444;box-shadow:0 0 0 4px #fee2e2}.wd-qty-alert{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.wd-col-budget{background:#fffc}.wd-budget-blob{position:absolute;right:-5rem;top:-5rem;width:20rem;height:20rem;background:#f3e8ff80;border-radius:50%;filter:blur(48px);pointer-events:none}.wd-icon-budget{background:#f3e8ff;color:#9333ea;padding:.75rem;border-radius:1rem;box-shadow:0 1px 2px #0000000d}.wd-budget-list{flex:1;display:flex;flex-direction:column;gap:1.5rem;z-index:10;padding-right:.5rem}.wd-budget-item{display:flex;flex-direction:column}.wd-budget-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.wd-budget-item-title{display:flex;align-items:center;gap:.75rem}.wd-budget-dot{width:.75rem;height:.75rem;border-radius:9999px}.wd-budget-item-title span{font-size:1.125rem;font-weight:700;color:#334155}.wd-budget-val{font-size:1.125rem;font-weight:700;color:#1e293b}.wd-budget-bar-bg{width:100%;background:#f1f5f9;height:.625rem;border-radius:9999px;overflow:hidden}.wd-budget-bar-fill{height:100%;border-radius:9999px}.wd-bg-purple{background-color:#a855f7;box-shadow:0 0 0 2px #f3e8ff}.wd-fill-purple{background:linear-gradient(to right,#a855f7,#c084fc);box-shadow:0 0 10px #a855f766}.wd-bg-pink{background-color:#ec4899;box-shadow:0 0 0 2px #fce7f3}.wd-fill-pink{background:linear-gradient(to right,#ec4899,#f472b6);box-shadow:0 0 10px #ec489966}.wd-bg-blue{background-color:#3b82f6;box-shadow:0 0 0 2px #dbeafe}.wd-fill-blue{background:linear-gradient(to right,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f666}.wd-bg-amber{background-color:#f59e0b;box-shadow:0 0 0 2px #fef3c7}.wd-fill-amber{background:linear-gradient(to right,#f59e0b,#fbbf24);box-shadow:0 0 10px #f59e0b66}.wd-bg-emerald{background-color:#10b981;box-shadow:0 0 0 2px #d1fae5}.wd-fill-emerald{background:linear-gradient(to right,#10b981,#34d399);box-shadow:0 0 10px #10b98166}.wd-budget-summary{position:relative;z-index:10;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #e2e8f0}.wd-budget-totals{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.wd-total-box{display:flex;flex-direction:column;justify-content:flex-end}.wd-box-right{border-left:1px solid #e2e8f0;padding-left:1.5rem}.wd-total-box p{font-size:.875rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.wd-total-val{font-size:1.875rem;font-weight:700;color:#1e293b;letter-spacing:-.05em}.wd-earn{color:#059669}.wd-budget-users{margin-bottom:1.5rem}.wd-budget-users-header{margin-bottom:.75rem}.wd-budget-users-header p{font-size:.75rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.18em;margin:0}.wd-budget-users-list{display:flex;flex-direction:column;gap:.8rem}.wd-budget-user-row{display:flex;flex-direction:column;gap:.45rem;padding:.85rem 1rem;border-radius:1rem;background:#ffffffb3;border:1px solid rgba(148,163,184,.18)}.wd-budget-user-chart{gap:.75rem}.wd-budget-user-chart-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.wd-budget-user-bars{display:flex;flex-direction:column;gap:.45rem}.wd-budget-user-barline{display:grid;grid-template-columns:3rem 1fr auto;gap:.6rem;align-items:center}.wd-budget-bar-label{font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#64748b}.wd-budget-bar-track{position:relative;height:.45rem;border-radius:999px;background:#e2e8f0;overflow:hidden}.wd-budget-bar-fill-spent,.wd-budget-bar-fill-earned,.wd-budget-bar-fill-net{height:100%;border-radius:999px}.wd-budget-bar-fill-spent{background:linear-gradient(to right,#f87171,#ef4444)}.wd-budget-bar-fill-earned{background:linear-gradient(to right,#34d399,#10b981)}.wd-budget-bar-fill-net.is-positive{background:linear-gradient(to right,#22c55e,#059669)}.wd-budget-bar-fill-net.is-negative{background:linear-gradient(to right,#fb7185,#e11d48)}.wd-budget-bar-value{font-size:.72rem;font-weight:700;color:#334155;white-space:nowrap}.wd-more-note{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding-top:.15rem}.wd-budget-user-name{font-size:.95rem;font-weight:700;color:#1e293b}.wd-budget-user-values{display:flex;flex-wrap:wrap;gap:.5rem}.wd-budget-user-values span{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .55rem;border-radius:999px}.wd-budget-user-spent{color:#b91c1c;background:#fee2e2}.wd-budget-user-earned{color:#047857;background:#d1fae5}.wd-budget-user-net{color:#1e293b;background:#e2e8f0}.wd-budget-user-net.is-positive{color:#065f46;background:#a7f3d0}.wd-budget-user-net.is-negative{color:#991b1b;background:#fecaca}.wd-net-balance{background:linear-gradient(135deg,#0f172a,#1d4ed8);border-radius:1rem;padding:1.5rem;color:#fff;box-shadow:0 18px 28px -18px #0f172abf;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.wd-net-balance:after{content:"";position:absolute;right:-2.5rem;top:0;bottom:0;width:50%;background:#ffffff0d;transform:skew(12deg)}.wd-net-content{position:relative;z-index:10}.wd-net-content p{font-size:.75rem;color:#dbeafee6;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin:0 0 .25rem}.wd-net-content h3{font-size:2.25rem;font-weight:700;letter-spacing:-.05em;color:#fff;margin:0}.wd-net-icon{background:#ffffff29;padding:.75rem;border-radius:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);color:#bbf7d0;position:relative;z-index:10}.wd-version-tag{position:fixed;right:1.25rem;bottom:1rem;z-index:20;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#64748bd9}.wd-empty-state{color:#94a3b8;font-style:italic;font-size:.875rem;padding:1rem 0}.wd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f8fafc;color:#475569}.wd-spinner{width:3rem;height:3rem;border-radius:50%;border:4px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;margin-bottom:1rem}[data-theme=dark] .wd-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}[data-theme=dark] .wd-blob-1{background:#1e3a5f}[data-theme=dark] .wd-blob-2{background:#312e81}[data-theme=dark] .wd-title{color:#f1f5f9}[data-theme=dark] .wd-floating-card{background-color:#1e293bcc;box-shadow:0 25px 50px -12px #0006,inset 0 0 0 1px #ffffff14;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .wd-time-large{color:#f1f5f9;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .wd-time-ampm{color:#64748b}[data-theme=dark] .wd-date{color:#cbd5e1}[data-theme=dark] .wd-greeting{color:#64748b}[data-theme=dark] .wd-weather-card{background:linear-gradient(to bottom right,#1e293be6,#0f172a99)}[data-theme=dark] .wd-weather-icon-symbol{color:#93c5fd}[data-theme=dark] .wd-temp-val{color:#f1f5f9}[data-theme=dark] .wd-temp-desc{color:#64748b}[data-theme=dark] .wd-weather-details{border-top:1px solid rgba(148,163,184,.15)}[data-theme=dark] .wd-detail-label{color:#64748b}[data-theme=dark] .wd-detail-val{color:#cbd5e1}[data-theme=dark] .wd-version-tag{color:#cbd5e1b8}[data-theme=dark] .wd-section-header h3{color:#e2e8f0}[data-theme=dark] .wd-meal-item{border-bottom-color:#94a3b81a}[data-theme=dark] .wd-meal-item h4{color:#e2e8f0}[data-theme=dark] .wd-meal-item p{color:#64748b}[data-theme=dark] .wd-meal-time{color:#fed7aa;background:#9a34124d;border-color:#fb923c73}[data-theme=dark] .wd-meal-icon{color:#94a3b8}[data-theme=dark] .wd-empty-state{color:#475569}[data-theme=dark] .wd-card-header h2{color:#f1f5f9}[data-theme=dark] .wd-task-count{color:#64748b}[data-theme=dark] .wd-task-item{border-bottom-color:#94a3b81a}[data-theme=dark] .wd-task-title{color:#e2e8f0}[data-theme=dark] .wd-task-due{color:#94a3b8}[data-theme=dark] .wd-task-desc{color:#64748b}[data-theme=dark] .wd-shop-item{background:#33415580;color:#e2e8f0}[data-theme=dark] .wd-shop-name{color:#e2e8f0}[data-theme=dark] .wd-shop-qty{color:#94a3b8}[data-theme=dark] .wd-budget-card{background:linear-gradient(135deg,#1e293be6,#0f172ab3)}[data-theme=dark] .wd-budget-label{color:#94a3b8}[data-theme=dark] .wd-budget-amount{color:#f1f5f9}[data-theme=dark] .wd-budget-cat-name{color:#cbd5e1}[data-theme=dark] .wd-budget-cat-amount{color:#94a3b8}[data-theme=dark] .wd-budget-cat-bar{background:#33415580}[data-theme=dark] .wd-icon-bg{background:#334155b3;color:#93c5fd}[data-theme=dark] .wd-status-pill{background:#1e293bb3;color:#94a3b8}[data-theme=dark] .wd-status-text{color:#94a3b8}[data-theme=dark] .wd-budget-summary{border-top-color:#94a3b829}[data-theme=dark] .wd-box-right{border-left-color:#94a3b829}[data-theme=dark] .wd-total-box p,[data-theme=dark] .wd-budget-users-header p{color:#94a3b8}[data-theme=dark] .wd-total-val{color:#f8fafc}[data-theme=dark] .wd-budget-user-row{background:#0f172a73;border-color:#94a3b824}[data-theme=dark] .wd-budget-bar-label,[data-theme=dark] .wd-more-note{color:#94a3b8}[data-theme=dark] .wd-budget-bar-track{background:#334155d9}[data-theme=dark] .wd-budget-bar-value{color:#e2e8f0}[data-theme=dark] .wd-budget-user-name{color:#f1f5f9}[data-theme=dark] .wd-budget-user-net{color:#cbd5e1;background:#334155d9}[data-theme=dark] .wd-budget-user-net.is-positive{color:#d1fae5;background:#065f46d9}[data-theme=dark] .wd-budget-user-net.is-negative{color:#fee2e2;background:#7f1d1de6}[data-theme=dark] .wd-net-balance{background:linear-gradient(135deg,#0f172a,#1e40af 55%,#0f766e);border:1px solid rgba(191,219,254,.14);box-shadow:0 18px 30px -20px #0f172af2}[data-theme=dark] .wd-net-content p{color:#bfdbfe}[data-theme=dark] .wd-net-content h3{color:#fff;text-shadow:0 2px 12px rgba(15,23,42,.35)}[data-theme=dark] .wd-net-icon{background:#ffffff24;border-color:#fff3;color:#ccfbf1}[data-theme=dark] .wd-footer{color:#475569}[data-theme=dark] .wd-loading{background:#0f172a;color:#94a3b8}[data-theme=dark] .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff26}[data-theme=light] .wd-wrapper{background:linear-gradient(135deg,#fff,#f8fafc)}[data-theme=light] .wd-blob-1{background:#e0f2fe}[data-theme=light] .wd-blob-2{background:#ede9fe}[data-theme=light] .wd-floating-card{background-color:#fffffff2}[data-theme=light] .wd-weather-card{background:linear-gradient(to bottom right,#fffffffa,#f8fafccc)}.pairing-container{min-height:100vh;background-color:#0f172a;color:#fff;display:flex;flex-direction:column;font-family:var(--font-sans);padding:3rem;box-sizing:border-box}.pairing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem}.pairing-header h1{font-size:3.5rem;font-weight:800;margin:0;letter-spacing:-.05em;color:#38bdf8}.pairing-header .badge{background:#1e293b;padding:.5rem 1.5rem;border-radius:9999px;font-size:1.25rem;font-weight:600;color:#94a3b8;border:1px solid #334155}.pairing-main{flex:1;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.pairing-card{background:#1e293b;border-radius:2rem;padding:3rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;max-width:1100px;width:100%;box-shadow:0 25px 50px -12px #00000080;border:1px solid #334155;position:relative}.instructions-side{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:2rem;align-items:flex-start}.step-number{background:#38bdf8;color:#0f172a;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;flex-shrink:0}.step-text h3{font-size:2rem;margin:0 0 .5rem;color:#fff}.step-text p{font-size:1.25rem;margin:0;color:#94a3b8;line-height:1.5}.qr-side{display:flex;align-items:center;justify-content:center;background:#fff;padding:2.5rem;border-radius:1.5rem;aspect-ratio:1}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-code{width:100%!important;height:auto!important}.pairing-code{margin-top:1rem;color:#0f172a;display:flex;flex-direction:column;gap:.25rem;align-items:center;font-size:1rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;opacity:.8}.pairing-code strong{font-size:3.5rem;font-family:var(--font-mono);letter-spacing:.2em;color:#0c4a6e}.troubleshooting-card{background:#1e293b;border-radius:1.5rem;padding:1.5rem 2rem;display:flex;align-items:center;gap:2rem;max-width:1100px;width:100%;box-shadow:0 10px 15px -3px #0000004d;border:1px solid #334155;box-sizing:border-box}.troubleshooting-header h4{font-size:1.1rem;font-weight:600;color:#38bdf8;margin:0;white-space:nowrap}.troubleshooting-card ul{margin:0;padding:0;font-size:.95rem;color:#cbd5e1;display:flex;flex-wrap:wrap;gap:1.5rem;list-style:none}.troubleshooting-card li{line-height:1.4;position:relative;padding-left:1rem}.troubleshooting-card li:before{content:"•";position:absolute;left:0;color:#38bdf8}@media(max-width:768px){.troubleshooting-card{flex-direction:column;align-items:flex-start;gap:1rem}.troubleshooting-card ul{flex-direction:column;gap:.5rem}}.status-message{color:#475569;display:flex;flex-direction:column;align-items:center;gap:1rem}.status-message.expired{color:#ef4444}.status-message p{font-size:1.5rem;font-weight:600}.spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button{margin-top:auto;background:#38bdf8;color:#0f172a;border:none;padding:1.25rem 2.5rem;border-radius:1rem;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s}.pairing-footer{margin-top:4rem;display:flex;justify-content:space-between;color:#475569;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-indicator{display:flex;align-items:center;gap:.75rem}.dot{width:10px;height:10px;border-radius:50%;background:#334155}.dot.active{background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media(max-width:1024px){.pairing-card{grid-template-columns:1fr;padding:3rem}.qr-side{max-width:400px;margin:0 auto}}