:root{--bg-app: #f5f7fb;--bg-sidebar: #fbfcff;--surface: #fff;--surface-elevated: #fff;--text-primary: #172b4d;--text-secondary: #60708a;--text-tertiary: #8a99ad;--border-subtle: #e4eaf3;--border-strong: #cbd6e5;--brand-50: #edf4ff;--brand-100: #dceaff;--brand-200: #bfd7ff;--brand-300: #90b9ff;--brand-400: #5d91ff;--brand-500: #357bf6;--brand-600: #2467dc;--brand-700: #1d53b5;--success: #26a879;--warning: #d99027;--danger: #d85468;--cyan: #3caecf;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-sm: 0 1px 2px rgba(35, 57, 88, .04);--shadow-card: 0 8px 28px rgba(41, 76, 126, .055);--shadow-floating: 0 18px 54px rgba(34, 64, 112, .18);--sidebar-width: 240px;--topbar-height: 72px;--color-bg: var(--bg-app);--color-surface: var(--surface);--color-border: var(--border-subtle);--color-text: var(--text-primary);--color-text-muted: var(--text-secondary);--color-primary: var(--brand-500);--color-primary-hover: var(--brand-600)}*{margin:0;padding:0;box-sizing:border-box}html{min-width:320px;background:var(--bg-app)}body{font-family:Inter,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background:var(--bg-app);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app-layout{min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:25px 16px 18px;position:fixed;inset:0 auto 0 0;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 11px 31px;color:var(--brand-600)}.brand-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--brand-500);color:#fff;box-shadow:0 7px 16px #357bf63d}.brand-wordmark{font-weight:800;letter-spacing:-.04em;font-size:21px}.sidebar-close{display:none;margin-left:auto}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-section-label{padding:0 12px;margin:0 0 8px;color:var(--text-tertiary);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sidebar-section-label-spaced{margin-top:24px}.nav-link{min-height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:11px;color:var(--text-secondary);text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.nav-link:hover{background:#f0f4fa;color:var(--text-primary)}.nav-link.active{background:var(--brand-50);color:var(--brand-600);font-weight:700}.sidebar-spacer{flex:1;min-height:25px}.upgrade-card{margin:14px 4px 20px;padding:16px 14px;border:1px solid var(--brand-100);border-radius:15px;background:linear-gradient(145deg,#eef5ff,#f9fbff);color:var(--brand-700)}.upgrade-card-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;margin-bottom:10px;background:#dceaff;color:var(--brand-500)}.upgrade-card strong{display:block;font-size:14px}.upgrade-card p{margin:3px 0 13px;color:var(--text-secondary);font-size:11px;line-height:1.5}.upgrade-card button{min-height:35px;width:100%;border-radius:9px;color:#fff;background:var(--brand-500);font-size:12px;font-weight:700;cursor:pointer}.sidebar-meta{padding:0 12px;color:var(--text-tertiary);line-height:1.4}.sidebar-meta span{display:block;font-size:11px;font-weight:700}.sidebar-meta small{font-size:10px}.app-main{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,4vw,56px);border-bottom:1px solid rgba(228,234,243,.8);background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar-left,.topbar-actions,.breadcrumb,.account-trigger{display:flex;align-items:center}.topbar-left{gap:14px}.breadcrumb{gap:9px;color:var(--text-tertiary);font-size:13px}.breadcrumb strong{color:var(--text-primary);font-weight:700}.breadcrumb-separator{color:#b6c2d1}.topbar-actions{gap:17px}.command-trigger{height:38px;min-width:190px;display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-tertiary);background:#fbfcff;cursor:pointer;font-size:12px;text-align:left}.command-trigger kbd{margin-left:auto;display:flex;align-items:center;gap:2px;padding:3px 5px;border:1px solid var(--border-subtle);border-radius:5px;background:#fff;color:var(--text-secondary);font-size:11px}.account-menu{position:relative}.account-trigger{gap:9px;color:var(--text-primary);background:transparent;cursor:pointer;text-align:left}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--brand-100);color:var(--brand-700);font-size:12px;font-weight:800}.account-copy{display:flex;flex-direction:column;line-height:1.3}.account-copy strong{font-size:12px}.account-copy small{color:var(--text-tertiary);font-size:10px}.account-dropdown{position:absolute;right:0;top:calc(100% + 12px);width:190px;padding:9px;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;box-shadow:var(--shadow-floating);z-index:40}.account-dropdown p{padding:7px 9px 9px;overflow:hidden;color:var(--text-tertiary);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-dropdown button{width:100%;display:flex;align-items:center;gap:8px;padding:9px;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-size:12px}.account-dropdown button:hover{background:var(--bg-app)}.account-dropdown span{display:block;padding:6px 9px;color:var(--danger);font-size:11px}.mobile-menu-button{display:none}.main-content{max-width:1600px;margin:0 auto;padding:37px clamp(20px,4vw,56px) 60px}.command-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:min(18vh,150px);background:#14264245;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.command-palette{width:min(510px,calc(100vw - 30px));overflow:hidden;border:1px solid var(--border-subtle);border-radius:16px;background:#fff;box-shadow:var(--shadow-floating)}.command-search{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary)}.command-search input{width:100%;border:0;outline:0;color:var(--text-primary);background:transparent;font-size:15px}.command-label{padding:13px 17px 7px;color:var(--text-tertiary);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.command-list{padding:5px 8px 10px}.command-list button{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;color:var(--text-primary);background:transparent;cursor:pointer;text-align:left;font-size:13px}.command-list button:hover{background:var(--brand-50);color:var(--brand-700)}.command-arrow{margin-left:auto;color:var(--text-tertiary)}.command-empty{padding:18px 17px 22px;color:var(--text-secondary);font-size:12px;text-align:center}.sidebar-overlay{display:none}@media(max-width:1199px){:root{--sidebar-width: 76px}.sidebar{padding-left:10px;padding-right:10px}.sidebar-brand{justify-content:center;padding-left:0;padding-right:0}.brand-wordmark,.sidebar-section-label,.nav-link span,.upgrade-card,.sidebar-meta{display:none}.nav-link{justify-content:center;padding:0}}@media(max-width:767px){:root{--topbar-height: 62px}.sidebar{width:min(280px,85vw);transform:translate(-102%);transition:transform .2s ease;box-shadow:var(--shadow-floating)}.sidebar-is-open .sidebar{transform:translate(0)}.sidebar-brand{justify-content:flex-start;padding-left:11px;padding-right:0}.brand-wordmark,.sidebar-section-label,.nav-link span,.sidebar-meta{display:initial}.brand-wordmark,.sidebar-section-label{display:block}.nav-link{justify-content:flex-start;padding:0 12px}.upgrade-card{display:block}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:25;background:#152a4a47}.app-main{margin-left:0}.topbar{padding:0 16px}.breadcrumb span,.breadcrumb .breadcrumb-separator{display:none}.command-trigger{min-width:auto;width:38px;padding:0;justify-content:center}.command-trigger span,.command-trigger kbd{display:none}.account-copy,.account-trigger>svg{display:none}.topbar-actions{gap:5px}.main-content{padding:26px 15px 40px}}.page{min-width:0}.page-loading{min-height:100vh;display:grid;place-items:center;color:var(--text-secondary)}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.ui-page-header h1{color:var(--text-primary);font-size:clamp(25px,3vw,31px);line-height:1.2;letter-spacing:-.035em}.ui-page-description{margin-top:7px;color:var(--text-secondary);font-size:14px}.ui-eyebrow{margin-bottom:5px;color:var(--brand-600);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ui-page-actions,.heading-actions{display:flex;align-items:center;gap:10px}.ui-page-actions .ui-button svg{flex-shrink:0}.ui-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.ui-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button-sm{min-height:34px;padding:0 12px;border-radius:8px;font-size:12px}.ui-button-md{font-size:13px}.ui-button-lg{min-height:46px;padding:0 20px}.ui-button-primary{color:#fff;border:1px solid var(--brand-500);background:var(--brand-500);box-shadow:0 7px 15px #357bf62e}.ui-button-primary:hover:not(:disabled){background:var(--brand-600)}.ui-button-secondary{color:var(--text-primary);border:1px solid var(--border-strong);background:#fff}.ui-button-secondary:hover:not(:disabled){border-color:var(--brand-300);background:var(--brand-50)}.ui-button-ghost{color:var(--brand-600);border:1px solid transparent;background:transparent}.ui-button-ghost:hover:not(:disabled){background:var(--brand-50)}.ui-button-danger{color:var(--danger);border:1px solid #f2ccd3;background:#fff7f8}.ui-icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;color:var(--text-secondary);background:transparent;cursor:pointer}.ui-icon-button:hover{background:var(--bg-app);color:var(--text-primary)}.ui-icon-button.sidebar-close,.ui-icon-button.mobile-menu-button{display:none}.ui-badge{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.ui-badge-neutral{color:#68788e;background:#eef2f6}.ui-badge-brand{color:var(--brand-700);background:var(--brand-100)}.ui-badge-success{color:#15815e;background:#dff6ec}.ui-badge-warning{color:#996214;background:#fff1d9}.ui-badge-danger{color:#b53f54;background:#ffe4e8}.ui-empty-state{min-height:168px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.empty-state-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:11px;border-radius:13px;color:var(--brand-500);background:var(--brand-50)}.ui-empty-state h3{color:var(--text-primary);font-size:14px}.ui-empty-state p{max-width:320px;margin-top:4px;color:var(--text-secondary);font-size:12px}.empty-state-action{margin-top:14px}.ui-skeleton{display:block;max-width:100%;border-radius:7px;background:linear-gradient(90deg,#edf1f6 25%,#f8fafc 37%,#edf1f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.text-link{display:inline-flex;align-items:center;gap:4px;color:var(--brand-600);font-size:12px;font-weight:700;text-decoration:none}.text-link:hover{color:var(--brand-700)}.inline-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:14px 16px;border:1px solid #f4ccd2;border-radius:12px;color:var(--danger);background:#fff7f8}.inline-error strong{font-size:13px}.inline-error p{margin-top:2px;font-size:12px}.inline-error.compact{margin:0}.nav-link:focus-visible,.ui-button:focus-visible,.ui-icon-button:focus-visible,.command-trigger:focus-visible,.account-trigger:focus-visible,.account-dropdown button:focus-visible,.upgrade-card button:focus-visible{outline:3px solid rgba(53,123,246,.25);outline-offset:2px}.ui-section-card{padding:20px}.ui-section-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.ui-section-card-title{color:var(--text-primary);font-size:16px;letter-spacing:-.02em}.ui-section-card-description{margin-top:3px;color:var(--text-tertiary);font-size:12px}.ui-section-card-body{display:flex;flex-direction:column;gap:14px;min-width:0}.ui-notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border:1px solid var(--brand-200);border-radius:12px;color:var(--brand-700);background:var(--brand-50)}.ui-notice-icon{display:grid;place-items:center;margin-top:2px;color:var(--brand-500)}.ui-notice-body{min-width:0;flex:1;font-size:12px}.ui-notice-body strong{display:block;font-size:13px}.ui-notice-copy{margin-top:2px}.ui-notice-copy a{color:inherit;font-weight:700}.ui-notice-action{flex-shrink:0}.ui-alert{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:12px;border:1px solid transparent}.ui-alert-icon{display:grid;place-items:center;margin-top:1px}.ui-alert-body{min-width:0;flex:1;font-size:12px}.ui-alert-body strong{display:block;font-size:13px}.ui-alert-copy{margin-top:2px}.ui-alert-copy a{color:inherit;font-weight:700}.ui-alert-action{flex-shrink:0;display:flex;align-items:center;gap:8px}.ui-alert-info{border-color:var(--brand-200);color:var(--brand-700);background:var(--brand-50)}.ui-alert-info .ui-alert-icon{color:var(--brand-500)}.ui-alert-success{border-color:#bfe8d8;color:#15815e;background:#effaf5}.ui-alert-success .ui-alert-icon{color:var(--success)}.ui-alert-warning{border-color:#f2ddb4;color:#996214;background:#fff7e9}.ui-alert-warning .ui-alert-icon{color:var(--warning)}.ui-alert-danger{border-color:#f4ccd2;color:#b53f54;background:#fff5f6}.ui-alert-danger .ui-alert-icon{color:var(--danger)}.ui-dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#14264252;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ui-dialog{width:min(420px,100%);padding:24px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-floating)}.ui-dialog-title{color:var(--text-primary);font-size:16px;letter-spacing:-.02em}.ui-dialog-message{margin-top:8px;color:var(--text-secondary);font-size:13px}.ui-dialog .ui-form-actions{margin-top:22px}.ui-drawer-backdrop{position:fixed;inset:0;z-index:90;background:#14264247;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(430px,100vw);display:flex;flex-direction:column;background:#fff;box-shadow:var(--shadow-floating);animation:drawer-in .2s ease}.ui-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 0}.ui-drawer-title{color:var(--text-primary);font-size:18px;letter-spacing:-.02em}.ui-drawer-description{margin-top:4px;color:var(--text-tertiary);font-size:12px}.ui-drawer-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 24px}.ui-drawer-footer{padding:16px 24px 22px;border-top:1px solid var(--border-subtle)}.ui-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;padding:6px;border:1px solid var(--border-subtle);border-radius:11px;background:#fff;box-shadow:var(--shadow-floating);z-index:45}.ui-menu-backdrop{position:fixed;inset:0;z-index:40;background:transparent;border:0;cursor:default}.ui-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;background:transparent;color:var(--text-primary);cursor:pointer;text-align:left;font-size:12px;font-weight:600}.ui-menu-item:hover{background:var(--bg-app)}.ui-menu-item.danger{color:var(--danger)}.ui-menu-item.danger:hover{background:#fff5f6}.row-menu{position:relative;display:inline-flex}.data-table tbody tr:last-child .ui-menu{top:auto;bottom:calc(100% + 6px)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.table-scroll{overflow-x:auto}.ui-table-card{padding:20px}.page-alert,.page-notice{margin-bottom:18px}.data-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.data-table th{padding:8px 10px;color:var(--text-tertiary);font-size:10px;font-weight:700;text-align:left;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:11px 10px;color:var(--text-secondary);border-bottom:1px solid #eff3f7}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:var(--text-primary)}.data-table .row-actions{position:relative;text-align:right}.data-table .row-actions .ui-icon-button{width:34px;height:34px;border-radius:8px}.table-cell-strong{color:var(--text-primary);font-weight:700}.table-cell-muted{color:var(--text-tertiary)}.page h1{margin-bottom:8px;font-size:25px;letter-spacing:-.03em}.page>h2,.page section h2{margin:28px 0 10px;font-size:18px}.page>p{color:var(--text-secondary)}.page table{width:100%;margin:20px 0;border-collapse:collapse;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.page th,.page td{padding:11px 13px;border-bottom:1px solid var(--border-subtle);text-align:left}.page th{color:var(--text-tertiary);background:#fafbfd;font-size:12px}.page td{color:var(--text-secondary);font-size:13px}.page button:not(.ui-button):not(.ui-icon-button):not(.ui-menu-item),.page a.btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;margin:5px 7px 5px 0;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-primary);background:var(--surface);cursor:pointer;text-decoration:none}.page button:not(.ui-button):not(.ui-icon-button):not(.ui-menu-item):hover,.page a.btn:hover{background:var(--brand-50)}.page input:not(.ui-input),.page textarea:not(.ui-textarea),.page select:not(.ui-input){min-height:40px;max-width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);background:#fff;outline:none}.page input:not(.ui-input):focus,.page textarea:not(.ui-textarea):focus,.page select:not(.ui-input):focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #357bf61f}.notice{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--brand-200);border-radius:10px;color:var(--brand-700);background:var(--brand-50)}.settings-section{margin:20px 0;padding:20px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface)}.modern-list-card{padding:20px}.list-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.list-card-heading h2{color:var(--text-primary);font-size:16px}.list-card-heading p{margin-top:3px;color:var(--text-tertiary);font-size:12px}.result-count{color:var(--text-tertiary);font-size:12px}.pagination-row{display:flex;justify-content:center;padding-top:17px;border-top:1px solid var(--border-subtle)}.placeholder-card{min-height:180px;display:grid;place-items:center;padding:30px}.placeholder-card-copy{color:var(--text-secondary)}@media(max-width:767px){.ui-icon-button.sidebar-close,.ui-icon-button.mobile-menu-button{display:grid}.ui-page-header{align-items:flex-start;flex-direction:column;margin-bottom:22px}.ui-page-actions,.ui-page-actions .ui-button{width:100%}.data-table{min-width:560px}.clients-table{min-width:0}.clients-table th:nth-child(3),.clients-table td:nth-child(3){display:none}.ui-drawer{width:100vw}}@keyframes drawer-in{0%{transform:translate(28px);opacity:0}to{transform:none;opacity:1}}.ui-form-field{min-width:0;display:flex;flex-direction:column;gap:6px}.ui-form-label{color:var(--text-primary);font-size:12px;font-weight:700}.ui-form-required{margin-left:3px;color:var(--danger)}.ui-form-hint{color:var(--text-tertiary);font-size:11px}.ui-form-error{color:var(--danger);font-size:11px;font-weight:600}.ui-input{min-height:40px;width:100%;padding:8px 12px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-primary);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.ui-input::placeholder{color:var(--text-tertiary)}.ui-input:hover:not(:disabled):not(:focus){border-color:var(--brand-300)}.ui-input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #357bf61f}.ui-input:disabled{background:#f3f6fa}.ui-textarea{min-height:96px;width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:9px;color:var(--text-primary);background:#fff;outline:none;resize:vertical;line-height:1.6;transition:border-color .15s ease,box-shadow .15s ease}.ui-textarea::placeholder{color:var(--text-tertiary)}.ui-textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #357bf61f}.ui-select-wrap{position:relative;display:block;min-width:0}.ui-select{appearance:none;padding-right:34px}.ui-select-chevron{position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.ui-checkbox{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:28px;cursor:pointer}.ui-checkbox-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ui-checkbox-box{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;border:1.5px solid var(--border-strong);border-radius:6px;background:#fff;color:transparent;transition:background-color .12s ease,border-color .12s ease}.ui-checkbox:hover .ui-checkbox-box{border-color:var(--brand-300)}.ui-checkbox-input:checked+.ui-checkbox-box{border-color:var(--brand-500);background:var(--brand-500);color:#fff}.ui-checkbox-input:focus-visible+.ui-checkbox-box{outline:3px solid rgba(53,123,246,.25);outline-offset:2px}.ui-checkbox-input:disabled~.ui-checkbox-box{opacity:.5}.ui-checkbox-input:disabled~.ui-checkbox-label{color:var(--text-tertiary)}.ui-checkbox-label{min-width:0;overflow:hidden;color:var(--text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ui-checkbox-group{min-width:0;margin:0;padding:0;border:0}.ui-checkbox-group>legend{padding:0;margin-bottom:8px}.ui-checkbox-group-items{display:flex;flex-direction:column;gap:2px}.ui-form-actions{display:flex;justify-content:flex-end;gap:10px}.ui-form-actions.align-start{justify-content:flex-start}.ui-loading-block{display:flex;flex-direction:column;gap:14px;padding:14px 0}.ui-loading-block .ui-skeleton{height:20px}@media(max-width:767px){.ui-form-actions{flex-direction:column-reverse}.ui-form-actions .ui-button{width:100%}}.dashboard-page .ui-page-header h1{font-size:clamp(27px,3.2vw,36px)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-card{min-height:135px;display:flex;align-items:flex-start;gap:13px;padding:18px}.stat-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px}.stat-icon-brand{color:var(--brand-600);background:var(--brand-50)}.stat-icon-success{color:var(--success);background:#e5f8f0}.stat-icon-warning{color:var(--warning);background:#fff4e2}.stat-icon-danger{color:var(--danger);background:#ffe9ec}.stat-copy{min-width:0}.stat-label{color:var(--text-secondary);font-size:12px;white-space:nowrap}.stat-value-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:5px}.stat-value-row strong{color:var(--text-primary);font-size:clamp(19px,2vw,24px);letter-spacing:-.04em;line-height:1.15}.stat-caption{margin-top:7px;color:var(--text-tertiary);font-size:11px;white-space:nowrap}.stat-change{display:inline-flex;align-items:center;gap:1px;padding:3px 6px;border-radius:6px;font-size:10px;font-weight:800}.stat-change-up{color:#16835e;background:#e5f8f0}.stat-change-down{color:var(--danger);background:#ffe9ec}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);gap:15px;margin-bottom:17px}.chart-card,.recent-invoices-card,.due-card,.worklog-card,.calendar-summary-card{min-width:0;padding:20px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{color:var(--text-primary);font-size:16px;letter-spacing:-.02em}.chart-period{color:var(--text-tertiary);font-size:11px}.chart-wrap{height:235px}.donut-content{min-height:235px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(120px,.9fr);align-items:center;gap:8px}.donut-wrap{height:200px;position:relative}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center strong{color:var(--text-primary);font-size:27px;line-height:1}.donut-center span{margin-top:4px;color:var(--text-tertiary);font-size:11px}.status-legend{display:flex;flex-direction:column;gap:12px}.legend-row{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;color:var(--text-secondary);font-size:11px}.legend-row strong{color:var(--text-primary);font-size:11px}.legend-dot{width:8px;height:8px;border-radius:50%}.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:15px;margin-bottom:17px}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:15px}.heading-actions{gap:16px;padding-top:5px}.invoice-table-wrap{overflow-x:auto}.data-table tbody tr{cursor:pointer;transition:background-color .15s ease}.data-table tbody tr:hover{background:#f8faff}.data-table tbody tr:focus-visible{outline:3px solid rgba(53,123,246,.24);outline-offset:-3px}.due-list{display:flex;flex-direction:column}.due-item{min-height:55px;display:grid;grid-template-columns:58px minmax(0,1fr) auto 15px;align-items:center;gap:10px;border-bottom:1px solid #eff3f7;color:var(--text-primary);text-decoration:none}.due-item:last-child{border-bottom:0}.due-item>svg{color:var(--text-tertiary)}.due-date{color:var(--brand-600);font-size:11px;font-weight:800}.due-date.overdue{color:var(--danger)}.due-client{min-width:0;overflow:hidden;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.due-client small{display:block;color:var(--text-tertiary);font-size:10px;font-weight:400}.due-item>strong{font-size:12px;white-space:nowrap}.worklog-list{display:flex;flex-direction:column}.worklog-row{min-height:50px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff3f7}.worklog-row:last-child{border-bottom:0}.worklog-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--brand-600);background:var(--brand-50)}.worklog-copy{min-width:0;flex:1;display:flex;flex-direction:column}.worklog-copy strong{overflow:hidden;color:var(--text-primary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.worklog-copy small{overflow:hidden;color:var(--text-tertiary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.worklog-row>strong{color:var(--text-primary);font-size:12px}.hours-summary{padding:14px 5px}.hours-summary>strong{display:block;color:var(--text-primary);font-size:42px;letter-spacing:-.06em;line-height:1}.hours-summary>strong small{margin-left:6px;color:var(--text-secondary);font-size:14px;letter-spacing:0}.hours-bar{height:9px;margin:26px 0 9px;overflow:hidden;border-radius:99px;background:var(--brand-50)}.hours-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-400),var(--brand-600))}.hours-summary p{color:var(--text-tertiary);font-size:11px}.dashboard-skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.dashboard-skeleton-grid .stat-card>div:last-child{flex:1;display:flex;flex-direction:column;gap:12px}.list-skeleton{display:flex;flex-direction:column;gap:18px;padding:17px 0}.list-skeleton .ui-skeleton{width:100%;height:20px}@media(max-width:1199px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid,.dashboard-content-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media(max-width:767px){.dashboard-stats{grid-template-columns:1fr;gap:10px}.stat-card{min-height:112px}.dashboard-main-grid,.dashboard-content-grid,.dashboard-bottom-grid{gap:10px}.chart-card,.recent-invoices-card,.due-card,.worklog-card,.calendar-summary-card{padding:16px}.donut-content{grid-template-columns:1fr 1fr;gap:2px}.donut-wrap{height:165px}.status-legend{gap:9px}.chart-wrap{height:200px}}.activation-page-stack{display:flex;flex-direction:column;gap:16px}.activation-connect-hero{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;min-height:350px;padding:42px clamp(24px,6vw,76px);overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(110,174,255,.2),transparent 28%),linear-gradient(135deg,#f7fbff,#fff 56%,#f2f7ff);border-color:#d6e7ff}.activation-connect-hero:after{content:"";position:absolute;width:330px;height:330px;right:-110px;bottom:-150px;border-radius:50%;background:#bfd7ff3d;pointer-events:none}.activation-hero-orb{position:relative;z-index:1;width:82px;height:82px;display:grid;place-items:center;border-radius:26px;color:#fff;background:linear-gradient(145deg,var(--brand-500),#64bfe0);box-shadow:0 16px 28px #357bf638}.activation-hero-copy{position:relative;z-index:1;max-width:650px}.activation-hero-copy .ui-alert{margin-bottom:20px}.activation-hero-copy h2{color:var(--text-primary);font-size:clamp(26px,4vw,38px);letter-spacing:-.045em}.activation-hero-lead{margin-top:15px;color:var(--text-primary);font-size:clamp(18px,2.4vw,24px);font-weight:700;line-height:1.55;letter-spacing:-.035em}.activation-hero-description{max-width:480px;margin:13px 0 24px;color:var(--text-secondary);font-size:14px;line-height:1.7}.activation-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;color:var(--text-tertiary);font-size:11px}.activation-trust-row span{display:inline-flex;align-items:center;gap:5px}.activation-trust-row svg{color:var(--success)}.activation-progress-card{padding:24px}.activation-progress-heading{display:flex;align-items:center;gap:9px;color:var(--text-primary)}.activation-progress-heading svg{color:var(--brand-500)}.activation-progress-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px;color:var(--text-tertiary);font-size:12px}.activation-progress-list span.is-done{color:var(--success);font-weight:700}.activation-progress-skeleton{display:flex;gap:8px;margin-top:22px}.activation-progress-skeleton .ui-skeleton{height:8px!important}.activation-picker-card{padding:25px}.activation-picker-card h2{color:var(--text-primary);font-size:18px}.activation-calendar-options{display:grid;gap:8px;margin-top:18px;max-width:600px}.activation-calendar-option{display:flex;align-items:center;gap:10px;min-height:49px;padding:0 14px;border:1px solid var(--border-subtle);border-radius:11px;color:var(--text-primary);cursor:pointer}.activation-calendar-option:has(input:checked){border-color:var(--brand-400);background:var(--brand-50);box-shadow:0 0 0 2px #357bf614}.activation-calendar-option input{position:absolute;opacity:0;pointer-events:none}.activation-radio{width:17px;height:17px;display:grid;place-items:center;border:2px solid var(--border-strong);border-radius:50%}.activation-calendar-option input:checked+.activation-radio{border-color:var(--brand-500);box-shadow:inset 0 0 0 4px #fff;background:var(--brand-500)}.activation-calendar-option small{margin-left:auto;color:var(--text-tertiary);font-size:10px}.activation-picker-submit{margin-top:18px}.activation-picker-saving{margin-top:12px;color:var(--text-secondary);font-size:12px}.activation-connected-copy{display:inline}.activation-connected-copy a{color:inherit;font-weight:700}.activation-result-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:7px 0 -2px}.activation-result-heading h2{color:var(--text-primary);font-size:24px;letter-spacing:-.035em}.activation-result-heading h2 span{color:var(--success)}.activation-result-heading p:not(.ui-eyebrow){margin-top:5px;color:var(--text-secondary);font-size:13px}.activation-date-range{color:var(--text-tertiary);font-size:11px}.activation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.activation-stat-card{display:flex;align-items:flex-start;gap:13px;min-height:124px;padding:18px}.activation-stat-icon{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:11px}.activation-stat-icon-brand{color:var(--brand-600);background:var(--brand-50)}.activation-stat-icon-success{color:#188e68;background:#e6f8ef}.activation-stat-icon-warning{color:#a36d19;background:#fff2da}.activation-stat-card p{color:var(--text-tertiary);font-size:11px}.activation-stat-card strong{display:block;margin-top:7px;color:var(--text-primary);font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.activation-stat-card small{margin-left:3px;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:0}.activation-busiest-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px}.activation-busiest-card h2{color:var(--text-primary);font-size:16px}.activation-busiest-card strong{display:inline-block;margin-top:11px;color:var(--text-primary);font-size:21px}.activation-busiest-card>div:first-child>span{display:inline-block;margin-left:10px;color:var(--text-secondary);font-size:12px}.activation-busiest-mark{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:var(--success);background:#e6f8ef}.activation-analysis-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:15px}.activation-chart-card,.activation-recent-card{min-width:0;padding:20px}.activation-chart-wrap{height:215px;margin-top:4px}.activation-recent-list{display:flex;flex-direction:column}.activation-recent-row{display:flex;align-items:center;gap:11px;min-height:52px;border-bottom:1px solid #eff3f7}.activation-recent-row:last-child{border-bottom:0}.activation-recent-date{width:42px;flex-shrink:0;color:var(--text-secondary);font-size:11px;font-variant-numeric:tabular-nums}.activation-recent-copy{min-width:0;flex:1;display:flex;flex-direction:column}.activation-recent-copy strong{overflow:hidden;color:var(--text-primary);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.activation-recent-copy small{color:var(--text-tertiary);font-size:10px}.activation-recent-hours{color:var(--text-primary);font-size:12px;font-variant-numeric:tabular-nums}.activation-invoice-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-color:var(--brand-200);background:linear-gradient(105deg,#f3f8ff,#fff)}.activation-invoice-cta h2{color:var(--text-primary);font-size:17px}.activation-invoice-cta p:not(.ui-eyebrow){margin-top:4px;color:var(--text-secondary);font-size:12px}.activation-invoice-cta .ui-button{flex-shrink:0}.activation-empty-card{display:flex;flex-direction:column;align-items:center;padding:42px 25px;text-align:center}.activation-empty-icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:15px;border-radius:15px;color:var(--brand-500);background:var(--brand-50)}.activation-empty-card h2{color:var(--text-primary);font-size:18px}.activation-empty-card>p:not(.ui-eyebrow){max-width:500px;margin:8px 0 18px;color:var(--text-secondary);font-size:12px;line-height:1.65}@media(max-width:900px){.activation-connect-hero{grid-template-columns:1fr;gap:20px}.activation-hero-orb{width:62px;height:62px;border-radius:20px}.activation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-analysis-grid{grid-template-columns:1fr}}@media(max-width:767px){.activation-connect-hero{min-height:0;padding:28px 21px}.activation-hero-lead{font-size:19px}.activation-trust-row{flex-direction:column;gap:7px}.activation-progress-list{grid-template-columns:repeat(2,minmax(0,1fr))}.activation-result-heading{align-items:flex-start;flex-direction:column;gap:7px}.activation-stats{gap:10px}.activation-stat-card{min-height:108px;padding:15px}.activation-stat-card strong{font-size:23px}.activation-busiest-card{align-items:flex-start;padding:18px}.activation-busiest-card>div:first-child>span{display:block;margin:5px 0 0}.activation-invoice-cta{align-items:stretch;flex-direction:column;gap:16px;padding:19px}.activation-invoice-cta .ui-button{width:100%}}.calendar-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;margin-bottom:15px}.calendar-presets{display:flex;flex-wrap:wrap;gap:6px}.calendar-preset{min-height:34px;padding:0 13px;border:1px solid var(--border-subtle);border-radius:99px;color:var(--text-secondary);background:#fff;cursor:pointer;font-size:12px;font-weight:700;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.calendar-preset:hover{border-color:var(--brand-300);color:var(--brand-600)}.calendar-preset.active{border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}.calendar-preset:focus-visible{outline:3px solid rgba(53,123,246,.25);outline-offset:2px}.calendar-range{display:flex;flex:1 1 320px;align-items:center;justify-content:flex-end;gap:8px}.calendar-range .ui-input{width:auto;min-width:135px}.calendar-range-sep{color:var(--text-tertiary)}.calendar-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:15px}.timeline-card{min-width:0;padding:20px}.timeline-day+.timeline-day{margin-top:24px}.timeline-date{margin-bottom:10px;color:var(--text-primary);font-size:13px;font-weight:800}.timeline-date small{margin-left:7px;color:var(--text-tertiary);font-size:11px;font-weight:700}.timeline-entries{position:relative;list-style:none}.timeline-entries:before{content:"";position:absolute;top:12px;bottom:12px;left:108px;width:2px;border-radius:1px;background:var(--border-subtle)}.timeline-entry{position:relative;display:grid;grid-template-columns:92px 13px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px}.timeline-time{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-dot{width:9px;height:9px;justify-self:center;border-radius:50%;background:var(--brand-400);box-shadow:0 0 0 3px var(--brand-100)}.timeline-body{min-width:0;overflow:hidden;color:var(--text-primary);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.timeline-calendar{justify-self:end;max-width:160px;overflow:hidden;text-overflow:ellipsis}.timeline-duration{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:767px){.calendar-toolbar{padding:13px 14px}.calendar-preset{min-height:32px;padding:0 11px;font-size:11px}.calendar-range{flex-wrap:wrap;justify-content:flex-start}.calendar-range .ui-input{flex:1 1 130px;min-width:0}.calendar-range .ui-button{flex:0 0 auto}.calendar-summary{grid-template-columns:1fr;gap:10px}.timeline-card{padding:16px}.timeline-entries:before{left:6px}.timeline-entry{grid-template-columns:13px minmax(0,1fr) auto;grid-template-areas:"dot body duration" "dot time calendar";row-gap:2px}.timeline-dot{grid-area:dot}.timeline-time{grid-area:time;color:var(--text-tertiary);font-size:11px}.timeline-body{grid-area:body}.timeline-calendar{grid-area:calendar}.timeline-duration{grid-area:duration}}.invoice-editor-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;align-items:start}.invoice-editor-pane{min-width:0;display:flex;flex-direction:column;gap:14px}.invoice-preview-pane{min-width:0;position:sticky;top:calc(var(--topbar-height) + 18px)}.invoice-editor-section,.invoice-preview-document{padding:22px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card)}.invoice-section-heading{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.invoice-section-heading>div:first-child{display:flex;align-items:flex-start;gap:11px}.invoice-section-heading h2{margin:0;color:var(--text-primary);font-size:16px;letter-spacing:-.02em}.invoice-section-heading p{margin-top:3px;color:var(--text-tertiary);font-size:12px}.invoice-section-step{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;color:var(--brand-700);background:var(--brand-50);font-size:10px;font-weight:800}.invoice-client-rate{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 14px;border-radius:11px;background:#f8faff}.invoice-client-rate-label{color:var(--text-secondary);font-size:12px}.invoice-client-rate>strong{color:var(--brand-700);font-size:13px}.invoice-client-rate-missing{display:flex;flex-direction:column;gap:2px;color:var(--text-secondary);font-size:12px;text-align:right}.invoice-client-rate-missing strong{color:var(--warning);font-size:12px}.invoice-client-rate-missing a{margin-top:4px;color:var(--brand-600);font-weight:700;text-decoration:none}.invoice-quick-client-form{display:flex;flex-direction:column;gap:15px}.invoice-quick-client-intro{display:flex;flex-direction:column;gap:3px;color:var(--text-secondary);font-size:12px}.invoice-quick-client-intro strong{color:var(--text-primary);font-size:13px}.invoice-quick-client-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);gap:15px}.invoice-quick-client-rate-input{display:flex;align-items:center;gap:8px}.invoice-quick-client-rate-input .ui-input{min-width:0;flex:1}.invoice-quick-client-rate-input span{flex:0 0 auto;color:var(--text-secondary);font-size:12px}.invoice-quick-client-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.invoice-quick-client-actions .ui-button{margin:0}.invoice-client-add{align-self:flex-start;padding:0}.invoice-client-limit{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-secondary);font-size:11px}.invoice-client-limit a{color:var(--brand-600);font-weight:700;text-decoration:none;white-space:nowrap}.invoice-worklog-waiting{padding:14px;border-radius:10px;color:var(--text-secondary);background:var(--bg-app);font-size:12px}.invoice-period-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.invoice-period-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:end;gap:10px}.invoice-period-separator{padding-bottom:10px;color:var(--text-tertiary)}.invoice-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.invoice-options-grid .ui-form-field:last-child{grid-column:1 / -1}.invoice-options-date-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.invoice-worklog-heading{align-items:flex-start}.invoice-worklog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1px}.invoice-worklog-actions .ui-button{padding:0 7px}.invoice-worklog-groups{display:flex;flex-direction:column;gap:18px}.invoice-worklog-day+.invoice-worklog-day{padding-top:17px;border-top:1px solid var(--border-subtle)}.invoice-worklog-day-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.invoice-worklog-day-heading h3{color:var(--text-primary);font-size:13px}.invoice-worklog-day-heading h3 span{margin-left:5px;color:var(--text-tertiary);font-size:11px;font-weight:600}.invoice-worklog-day-heading strong{color:var(--text-secondary);font-size:12px;font-variant-numeric:tabular-nums}.invoice-worklog-list{display:flex;flex-direction:column;gap:2px}.invoice-worklog-list .ui-checkbox{width:100%;padding:7px 8px;border-radius:8px}.invoice-worklog-list .ui-checkbox:hover{background:var(--bg-app)}.invoice-worklog-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.invoice-worklog-row>span{min-width:0;display:flex;flex-direction:column}.invoice-worklog-row strong{color:var(--text-secondary);font-size:12px;font-weight:700}.invoice-worklog-row small{overflow:hidden;color:var(--text-primary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.invoice-worklog-row em{flex:0 0 auto;color:var(--text-secondary);font-size:11px;font-style:normal;font-variant-numeric:tabular-nums}.invoice-action-bar{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;margin-top:1px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:0 -8px 22px #283e5c14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoice-action-summary{display:flex;flex-direction:column;color:var(--text-secondary);font-size:12px}.invoice-action-summary strong{color:var(--text-primary);font-size:14px}.invoice-action-bar .ui-button{min-width:160px}.invoice-document{min-width:0;padding:clamp(22px,3vw,36px);color:var(--text-primary);background:#fff}.invoice-document-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--border-subtle)}.invoice-document-kicker{margin-bottom:4px;color:var(--brand-500);font-size:9px;font-weight:800;letter-spacing:.18em}.invoice-document-header h2{color:var(--text-primary);font-size:clamp(22px,3vw,30px);letter-spacing:.28em;line-height:1.3}.invoice-document-number{margin-top:7px;color:var(--text-tertiary);font-size:11px;font-variant-numeric:tabular-nums}.invoice-document-header-side{display:flex;flex-direction:column;align-items:flex-end;gap:11px}.invoice-document-amount{color:var(--brand-700);font-size:clamp(18px,2.4vw,25px);font-variant-numeric:tabular-nums;white-space:nowrap}.invoice-document-parties{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:25px;padding:23px 0 18px}.invoice-document-party-label{margin-bottom:5px;color:var(--text-tertiary);font-size:10px;font-weight:700}.invoice-document-parties h3{color:var(--text-primary);font-size:16px}.invoice-document-parties p:not(.invoice-document-party-label){margin-top:2px;color:var(--text-secondary);font-size:11px}.invoice-document-issuer{text-align:right}.invoice-document-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;margin-bottom:21px;border-radius:10px;background:#f7f9fc}.invoice-document-meta dt{color:var(--text-tertiary);font-size:10px}.invoice-document-meta dd{margin-top:2px;color:var(--text-primary);font-size:12px;font-weight:700}.invoice-document-table-wrap{overflow-x:auto}.invoice-document-table{width:100%;table-layout:fixed;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important}.invoice-document-table th:nth-child(1),.invoice-document-table td:nth-child(1){width:13%}.invoice-document-table th:nth-child(2),.invoice-document-table td:nth-child(2){width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-document-table th:nth-child(3),.invoice-document-table td:nth-child(3){width:18%}.invoice-document-table th:nth-child(4),.invoice-document-table td:nth-child(4){width:18%}.invoice-document-table th:nth-child(5),.invoice-document-table td:nth-child(5){width:19%}.invoice-document-table th{padding:0 8px 9px;color:var(--text-tertiary);background:transparent;border-bottom:1px solid var(--text-primary);font-size:10px}.invoice-document-table td{padding:10px 8px;color:var(--text-secondary);border-bottom:1px solid #edf1f5;font-size:11px}.invoice-document-table th:first-child,.invoice-document-table td:first-child{padding-left:0}.invoice-document-table th:last-child,.invoice-document-table td:last-child{padding-right:0;text-align:right}.invoice-document-table td strong{color:var(--text-primary);font-variant-numeric:tabular-nums}.invoice-document-empty-row{color:var(--text-tertiary)!important;text-align:center!important}.invoice-document-totals{width:min(280px,100%);margin:20px 0 0 auto}.invoice-document-totals>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:var(--text-secondary);font-size:12px}.invoice-document-totals dd{font-variant-numeric:tabular-nums}.invoice-document-totals .invoice-document-total{padding-top:10px;margin-top:5px;border-top:2px solid var(--text-primary);color:var(--text-primary);font-size:14px;font-weight:800}.invoice-document-notes{padding-top:22px;margin-top:23px;border-top:1px solid var(--border-subtle)}.invoice-document-notes h3{margin-bottom:6px;color:var(--text-tertiary);font-size:11px}.invoice-document-notes p{color:var(--text-secondary);font-size:11px;white-space:pre-wrap}.invoice-preview-pane>h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.invoice-detail-page{max-width:1180px}.invoice-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.invoice-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--text-tertiary);font-size:12px;font-weight:700;text-decoration:none}.invoice-detail-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.invoice-detail-title-row h1{margin:0}.invoice-detail-client{margin-top:5px;color:var(--text-secondary);font-size:14px}.invoice-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.invoice-detail-actions .ui-button{margin:0}.invoice-detail-document-card{padding:10px}.invoice-detail-document-card .invoice-document{border-radius:var(--radius-md)}.invoice-detail-section{margin-top:20px}.invoice-detail-section h2{margin:0 0 12px;color:var(--text-primary);font-size:16px}.invoice-snapshot-details{margin-top:20px;border-top:1px solid var(--border-subtle)}.invoice-snapshot-details summary{padding:15px 0;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:700}.invoice-snapshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 0 17px}.invoice-snapshot-grid dt{color:var(--text-tertiary);font-size:10px}.invoice-snapshot-grid dd{margin-top:2px;overflow-wrap:anywhere;color:var(--text-secondary);font-size:11px}.invoice-delivery-timeline{position:relative;display:flex;flex-direction:column;gap:17px;padding-left:22px}.invoice-delivery-timeline:before{content:"";position:absolute;top:7px;bottom:7px;left:5px;width:2px;background:var(--border-subtle)}.invoice-delivery-event{position:relative}.invoice-delivery-event:before{content:"";position:absolute;left:-21px;top:5px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 1px var(--brand-300)}.invoice-delivery-event.failed:before,.invoice-delivery-event.unknown:before{background:var(--danger);box-shadow:0 0 0 1px #f2aab6}.invoice-delivery-event-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.invoice-delivery-event-heading strong{color:var(--text-primary);font-size:12px}.invoice-delivery-event p{margin-top:3px;color:var(--text-secondary);font-size:12px}.invoice-delivery-event small{color:var(--text-tertiary);font-size:10px}.invoice-draft-editor{margin-top:20px}.invoice-draft-editor .ui-section-card-body{gap:18px}.invoice-draft-editor-table-wrap{overflow-x:auto}.invoice-draft-editor-table{min-width:760px;margin:0!important}.invoice-draft-editor-table input,.invoice-draft-editor-table select{width:100%;min-width:90px}.invoice-draft-editor-table td:last-child,.invoice-draft-editor-table th:last-child{text-align:right}.invoice-draft-editor-actions{display:flex;justify-content:flex-end;gap:10px}.invoice-drawer-copy{color:var(--text-secondary);font-size:12px}.invoice-drawer-attachment{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:9px;color:var(--text-secondary);background:var(--bg-app);font-size:12px}.invoice-drawer-attachment strong{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap}.invoice-drawer-pre{max-height:180px;overflow:auto;padding:12px;border-radius:9px;color:var(--text-secondary);background:var(--bg-app);font:inherit;font-size:12px;white-space:pre-wrap}.invoice-recovery-actions,.invoice-drawer-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.invoice-manual-steps{display:flex;flex-direction:column;gap:5px;padding-left:21px;color:var(--text-secondary);font-size:12px}.invoice-editor-subheading{margin-bottom:10px;color:var(--text-primary);font-size:13px}@media(max-width:1023px){.invoice-editor-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:17px}.invoice-editor-section,.invoice-preview-document{padding:18px}}@media(max-width:767px){.invoice-editor-grid{grid-template-columns:1fr}.invoice-preview-pane{position:static;order:2}.invoice-editor-pane{order:1}.invoice-action-bar{position:fixed;right:0;bottom:0;left:0;border-radius:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom))}.invoice-action-bar .ui-button{min-width:112px}.invoice-document{padding:20px 16px}.invoice-document-parties{grid-template-columns:1fr;gap:17px}.invoice-document-issuer{text-align:left}.invoice-document-meta{grid-template-columns:1fr 1fr}.invoice-document-meta>div:last-child{grid-column:1 / -1}.invoice-period-fields{grid-template-columns:1fr 1fr}.invoice-period-separator{display:none}.invoice-period-fields .ui-button{grid-column:1 / -1;width:100%}.invoice-options-grid{grid-template-columns:1fr}.invoice-options-date-grid,.invoice-options-grid .ui-form-field:last-child{grid-column:auto}.invoice-options-date-grid,.invoice-quick-client-fields{grid-template-columns:1fr}.invoice-quick-client-actions{flex-direction:column-reverse}.invoice-quick-client-actions .ui-button{width:100%}.invoice-client-rate{flex-direction:column;gap:5px}.invoice-client-rate-missing{text-align:left}.invoice-detail-header{flex-direction:column}.invoice-detail-actions{width:100%;justify-content:flex-start}.invoice-detail-actions .ui-button{flex:1 1 auto}.invoice-detail-document-card{padding:3px}.invoice-snapshot-grid{grid-template-columns:1fr 1fr}.invoice-worklog-heading{flex-direction:column}.invoice-worklog-actions{justify-content:flex-start}}.billing-page{max-width:760px}.billing-cards{display:flex;flex-direction:column;gap:16px}.billing-plan-headline{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.billing-plan-name{font-size:19px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.billing-plan-cycle{font-size:12px;font-weight:700;color:var(--brand-600)}.billing-plan-meta{font-size:13px;color:var(--text-secondary)}.billing-price{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.billing-price-unit{font-size:12px;font-weight:700;color:var(--text-tertiary)}.billing-usage{display:flex;flex-direction:column;gap:12px}.billing-usage-heading{font-size:12px;font-weight:800;color:var(--text-secondary)}.billing-usage-row{display:flex;flex-direction:column;gap:6px}.billing-usage-label{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:var(--text-secondary)}.billing-usage-bar{height:8px;border-radius:999px;background:var(--brand-50);overflow:hidden}.billing-usage-bar>span{display:block;height:100%;border-radius:999px;background:var(--brand-500);transition:width .2s ease}.billing-usage-bar>span[data-over=true]{background:var(--danger)}.billing-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-price-option{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-sidebar)}.billing-price-option .ui-button{margin-top:auto}.billing-price-cycle{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--text-tertiary)}.billing-price-line{display:flex;align-items:baseline;gap:4px}.billing-compare{width:100%;border-collapse:collapse;font-size:13px}.billing-compare th,.billing-compare td{padding:9px 8px;border-bottom:1px solid var(--border-subtle);text-align:left}.billing-compare thead th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.billing-compare tbody th{font-weight:700;color:var(--text-primary)}.billing-compare td{color:var(--text-secondary)}.billing-compare td:nth-child(3){font-weight:700;color:var(--brand-600)}@media(max-width:640px){.billing-price-grid{grid-template-columns:1fr}}.settings-page h1{color:var(--text-primary);font-size:clamp(25px,3vw,31px);line-height:1.2;letter-spacing:-.035em}.settings-nav{margin:18px 0 20px}.settings-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-subtle);overflow-x:auto}.settings-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 14px;font:inherit;font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:color .15s ease,border-color .15s ease}.settings-tab:hover{color:var(--text-primary)}.settings-tab.active{color:var(--brand-600);border-bottom-color:var(--brand-500)}.settings-nav-select{display:none}.settings-form{display:flex;flex-direction:column;gap:16px;max-width:640px}.settings-saved{font-size:12px;font-weight:700;color:var(--success)}.settings-connection{display:flex;flex-direction:column;gap:12px}.settings-connection-status{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-primary)}.settings-connection-off{color:var(--text-secondary);font-weight:600}.settings-connection-dot{width:8px;height:8px;border-radius:999px;background:var(--success);flex-shrink:0}.settings-connection-email{font-weight:500;color:var(--text-secondary)}.settings-connection-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-calendar-list{display:flex;flex-direction:column;gap:8px;padding-top:4px}.settings-calendar-list h3{font-size:12px;font-weight:800;color:var(--text-secondary)}.settings-calendar-list .ui-checkbox{justify-content:flex-start}.settings-vars{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px}.settings-var{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px}.settings-var dt{color:var(--text-secondary)}.settings-var dd{margin:0}.settings-var code{font-size:11px;padding:2px 6px;border-radius:6px;background:var(--brand-50);color:var(--brand-700)}@media(max-width:767px){.settings-tabs{display:none}.settings-nav-select{display:block}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#e8f1ff,transparent 36%),radial-gradient(circle at 95% 90%,#e6f7f6,transparent 32%),var(--bg-app)}.login-card{width:min(410px,100%);padding:42px 40px;border:1px solid var(--border-subtle);border-radius:22px;background:#ffffffed;box-shadow:var(--shadow-floating);text-align:center}.login-brand{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--brand-600);font-size:21px;letter-spacing:-.04em}.login-brand .brand-mark{width:30px;height:30px}.login-kicker{margin-top:22px;color:var(--brand-600);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h1{margin:12px 0 0;color:var(--text-primary);font-size:29px;line-height:1.35;letter-spacing:-.045em}.login-card h1 span{color:var(--brand-600)}.login-benefits{display:flex;flex-direction:column;gap:8px;margin:22px 0 25px;color:var(--text-secondary);font-size:12px;text-align:left}.login-benefits span{display:flex;align-items:center;gap:8px}.login-benefits svg{color:var(--brand-500)}.login-google-button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border-strong);border-radius:10px;color:var(--text-primary);background:#fff;box-shadow:var(--shadow-sm);font-size:13px;font-weight:700;text-decoration:none;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.login-google-button:hover{border-color:var(--brand-300);background:var(--brand-50);transform:translateY(-1px)}.google-g-mark{color:#4285f4;font-size:17px;font-weight:800}.login-logo{color:var(--brand-600);font-size:32px;letter-spacing:-.06em}.login-tagline{margin:11px 0 30px;color:var(--text-secondary);font-size:13px}.login-note{margin-top:16px;color:var(--text-tertiary);font-size:11px}.login-error{margin-bottom:16px;padding:9px;border-radius:8px;color:var(--danger);background:#fff0f2;font-size:12px}@media(max-width:767px){.login-card{padding:34px 24px}}