*,: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.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);overflow-x:auto}.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}.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}}