*,:before,:after{box-sizing:border-box}html,body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:var(--color-primary)}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.3}h1{font-size:var(--text-xl);font-weight:var(--weight-bold)}h2{font-size:var(--text-md);font-weight:var(--weight-bold)}h3{font-size:var(--text-base);font-weight:var(--weight-medium)}.hidden{display:none!important}.muted{color:var(--color-text-secondary)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.error{color:var(--color-error);font-size:var(--text-sm);min-height:1.2em}.success{color:var(--color-success);font-size:var(--text-sm)}.center{text-align:center}.right{text-align:right}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.row.between{justify-content:space-between}.stack{gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-3)}.card-title{font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.btn{font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);white-space:nowrap;padding:8px 14px}.btn:hover{background:var(--gray-100)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.btn.primary:hover{background:var(--color-primary-hover)}.btn.danger{color:var(--color-error);border-color:var(--color-error)}.btn.danger:hover{background:#fdecec}.btn.sm{font-size:var(--text-sm);padding:4px 10px}.btn.block{width:100%;font-size:var(--text-md);padding:12px}.btn.link{color:var(--color-primary);background:0 0;border:none;padding:0}form.form,.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field label,.field>span{font-size:var(--text-sm);font-weight:var(--weight-medium)}.field input,.field select,.field textarea,input.input,select.input{font-family:inherit;font-size:var(--text-base);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);outline:none;width:100%;padding:8px 10px}.field input:focus,.field select:focus,.field textarea:focus,input.input:focus,select.input:focus{border-color:var(--color-primary)}.field textarea{resize:vertical;min-height:6em}.field-row{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.checkbox{gap:var(--space-2);font-size:var(--text-sm);align-items:center;display:inline-flex}.checkbox input{width:auto}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}table.table th,table.table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:8px 10px}table.table th{font-weight:var(--weight-medium);color:var(--color-text-secondary);background:var(--gray-50);white-space:nowrap}table.table tr:hover td{background:var(--gray-50)}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--gray-100);color:var(--gray-700);white-space:nowrap;padding:2px 8px;display:inline-block}.badge.green{background:var(--color-primary-light);color:var(--color-primary)}.badge.amber{color:#92400e;background:#fef3c7}.badge.orange{color:#c2410c;background:#ffedd5}.badge.red{color:var(--color-error);background:#fdecec}.badge.blue{color:#1e40af;background:#dbeafe}.badge.gray{background:var(--gray-200);color:var(--gray-700)}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);gap:2px;display:flex;overflow-x:auto}.tabs button{font-family:inherit;font-size:var(--text-base);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--weight-medium)}.modal-backdrop{padding:var(--space-4);z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal h2{margin-bottom:var(--space-4)}.modal .actions{gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;display:flex}.cal-toolbar{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.cal-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);max-height:calc(100vh - 250px);overflow:auto}.cal-grid .cell.head{z-index:3;position:sticky;top:0}.table-wrap.sticky-head{max-height:calc(100vh - 250px);padding:0;overflow:auto}.table-wrap.sticky-head table.table th,.table-wrap.sticky-head table.table td{padding:8px 14px}.table-wrap.sticky-head thead th{background:var(--color-surface);z-index:2;box-shadow:0 1px 0 var(--color-border);position:sticky;top:0}.cal-grid{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:700px;font-size:var(--text-xs);grid-template-columns:56px repeat(7,minmax(120px,1fr));display:grid;overflow:hidden}@media (width<=900px){.cal-grid{grid-template-columns:48px repeat(7,minmax(88px,1fr));min-width:660px}.cal-grid .cell{min-height:40px}.slot-chip{padding:2px 3px;font-size:10px}.slot-chip .meta{font-size:9px}}.cal-grid .cell{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);min-height:44px;padding:2px;position:relative}.cal-grid .head{background:var(--gray-50);font-weight:var(--weight-medium);text-align:center;z-index:1;padding:6px 4px;position:sticky;top:0}.cal-grid .hour{background:var(--gray-50);color:var(--color-text-secondary);text-align:right;white-space:nowrap;padding:6px 4px}.cal-grid .cell.clickable{cursor:pointer}.cal-grid .cell.clickable:hover{background:var(--green-100)}.cal-grid .cell.off{background:repeating-linear-gradient(45deg,#fafafa,#fafafa 4px,#f1f1f1 4px 8px)}.slot-chip{border-radius:var(--radius-sm);color:#1f2937;cursor:pointer;border:1px solid #0000;margin:1px 0;padding:3px 5px;line-height:1.3;display:block}.slot-chip.semi{background:#fde68a;border-color:#f59e0b}.slot-chip.personal{background:#bfdbfe;border-color:#3b82f6}.slot-chip.full{opacity:.55}.slot-chip:hover{filter:brightness(.95)}.slot-chip .meta{color:#374151;font-size:10px;display:block}.cal-grid .cell.slotcell{height:48px;min-height:48px;padding:0;overflow:visible}.slot-chip.abs{z-index:2;margin:0;padding:1px 5px;position:absolute;left:2px;right:2px;overflow:hidden}.slot-chip.abs .t{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.slot-chip.abs .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slot-chip.warn{background:#fecaca;border-color:#dc2626}.cal-grid .cell.closed{background:var(--gray-100)}.cal-legend{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin:4px 0;font-size:11px;display:flex}.cal-legend .box{vertical-align:-2px;border:1px solid var(--color-border);border-radius:3px;width:14px;height:14px;margin-right:4px;display:inline-block}.mini-cal{border-collapse:collapse;font-size:12px}.mini-cal th,.mini-cal td{text-align:center;border:none;width:32px;height:28px}.mini-cal tr.week{cursor:pointer}.mini-cal tr.week:hover td{background:var(--green-100)}.mini-cal tr.week.current td{background:var(--color-primary-light)}.toast{z-index:200;color:#1b5e3a;font-size:var(--text-sm);transition:transform .3s var(--ease-standard);text-align:center;background:#e8f5ee;border:1px solid #bfe3cf;border-radius:14px;width:min(92vw,560px);padding:12px 28px;position:fixed;top:12px;left:50%;transform:translate(-50%,-140%);box-shadow:0 6px 20px #1b5e3a26}.toast.show{transform:translate(-50%)}.month-cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-cal .head{text-align:center;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text-secondary);padding:2px 0}.month-cal .head.sun{color:var(--color-error)}.month-cal .head.sat{color:var(--color-info)}.month-cal .day{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;flex-direction:column;align-items:center;gap:1px;min-height:58px;padding:4px 2px;font-family:inherit;display:flex}.month-cal .day:disabled{cursor:default;opacity:.45}.month-cal .day.closed{background:var(--gray-100)}.month-cal .day.active{border-color:var(--color-primary);box-shadow:inset 0 0 0 1.5px var(--color-primary)}.month-cal .day.today .d{color:var(--color-primary)}.month-cal .day .d{font-size:var(--text-sm);font-weight:var(--weight-bold)}.month-cal .day .mark{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1.1}.month-cal .day .mark.ok{color:var(--color-success)}.month-cal .day .mark.no{color:var(--color-text-secondary)}.month-cal .day .mark.closed-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.month-cal .day .mine-tag{font-size:10px;font-weight:var(--weight-bold);color:var(--color-warning)}@media (width<=400px){.month-cal{gap:3px}.month-cal .day{min-height:52px}}.day-strip{padding-bottom:var(--space-2);scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.day-strip::-webkit-scrollbar{display:none}.day-pill{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);text-align:center;cursor:pointer;flex:none;width:52px;padding:8px 0;font-family:inherit}.day-pill .wd{font-size:var(--text-xs);color:var(--color-text-secondary)}.day-pill .d{font-size:var(--text-md);font-weight:var(--weight-bold)}.day-pill.sat .wd{color:var(--color-info)}.day-pill.sun .wd{color:var(--color-error)}.day-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.day-pill.active .wd{color:var(--color-on-primary)}.day-pill.mine{box-shadow:inset 0 -3px 0 var(--color-warning)}.slot-card{align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;color:inherit;text-decoration:none;display:flex}.slot-card:hover{border-color:var(--color-primary-border)}.slot-card .time{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-md);width:4.5em}.slot-card .body{flex:1;min-width:0}.slot-card .title{font-weight:var(--weight-medium)}.slot-card.full{opacity:.6}.slot-card.mine{border-color:var(--color-warning);background:#fffbeb}.stat{text-align:center}.stat .n{font-family:var(--font-display);font-size:28px;font-weight:var(--weight-black);color:var(--color-primary)}.stat .l{font-size:var(--text-xs);color:var(--color-text-secondary)}@media (pointer:coarse){.btn{min-height:44px;padding:10px 16px}.btn.sm{min-height:40px;padding:8px 12px}.field input,.field select,.field textarea,input.input,select.input{min-height:44px;padding:10px 12px}.checkbox input{width:22px;height:22px}.tabs button{padding:12px 16px}table.table th,table.table td{padding:10px 12px}.day-pill{width:56px;padding:10px 0}.cal-grid .cell{min-height:52px}.slot-chip{padding:5px 6px}}@media (width<=600px){.field input,.field select,.field textarea,input.input,select.input{font-size:16px}}.help-tip{background:var(--gray-200,#e5e7eb);width:16px;height:16px;color:var(--color-text-secondary);cursor:help;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:5px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.help-tip .help-bubble{color:#fff;width:max-content;max-width:240px;box-shadow:var(--shadow-lg);white-space:normal;text-align:left;z-index:400;background:#1f2937;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:400;line-height:1.5;display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.help-tip .help-bubble:before{content:"";border:6px solid #0000;border-bottom-color:#1f2937;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.help-tip:hover .help-bubble,.help-tip:focus .help-bubble{display:block}.table-wrap.sticky-head tbody tr.date-sep>td{border-top:2px solid #b9c0c9}.table-wrap.sticky-head tbody tr:first-child>td{border-top:none}