@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-text-primary: #1a1a1a;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-inverse: #fff;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-deep: #1e40af;--color-success: #047857;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-warning: #b45309;--color-warning-light: #fef3c7;--color-bg: #fafafa;--color-surface: #fff;--color-border: #e5e7eb;--color-border-dark: #d1d5db;--color-border-light: #f3f4f6;--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;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .04);--shadow-lg: 0 20px 40px -8px rgba(16, 24, 40, .16), 0 8px 16px -8px rgba(16, 24, 40, .06);--focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: .25s cubic-bezier(.4, 0, .2, 1);--max-width-narrow: 800px;--max-width-wide: 1100px;--header-height: 60px;--bg-subtle: #f3f4f6;--bg-accent-light: #eff6ff;--bg-success: #d1fae5;--bg-success-light: #ecfdf5;--color-success-light: #a7f3d0;--color-accent-light: #dbeafe;--bg-danger-light: #fef2f2;--color-danger-light: #fecaca}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1;min-width:0}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-0{gap:var(--space-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-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-auto{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto}.container-wide{max-width:var(--max-width-wide);margin:0 auto}.w-full{width:100%}.min-w-280{min-width:280px}.min-w-0{min-width:0}.h-full{height:100%}.sticky{position:sticky}.fixed{position:fixed}.z-10{z-index:10}.z-100{z-index:100}.z-200{z-index:200}.absolute{position:absolute}.relative{position:relative}.pointer-events-none{pointer-events:none}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.mt-0{margin-top:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.font-base{font-family:var(--font-family-base)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-accent{color:var(--color-accent)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap}.bg-surface{background-color:var(--color-surface)}.bg-base{background-color:var(--color-bg)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-accent-light{background-color:#f0f7ff}.bg-success-light{background-color:#e8fce8}.border{border:1px solid var(--color-border)}.border-dark{border-color:var(--color-border-dark)}.border-top{border-top:1px solid var(--color-border)}.border-left{border-left:1px solid var(--color-border)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.overflow-hidden{overflow:hidden}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.opacity-60{opacity:.6}.opacity-85{opacity:.85}.cursor-pointer{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--font-size-md);font-family:var(--font-family-base);font-weight:500;line-height:1.4;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-subtle);border-color:#9ca3af}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-light);background-color:transparent}.btn-danger:hover:not(:disabled){color:var(--color-danger-hover);border-color:var(--color-danger);background-color:var(--bg-danger-light)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-sm)}.btn-nav{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-lg);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-nav:hover{background:var(--bg-subtle);color:var(--color-text-primary)}.field{margin-bottom:var(--space-4)}.field-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.input,.textarea,.select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:inherit;font-family:inherit;color:var(--color-text-primary);background-color:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.textarea{min-height:80px;resize:vertical}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.form-row{display:flex;flex-direction:column;gap:var(--space-2)}@media(min-width:640px){.form-row{flex-direction:row}}.card{display:block;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-border-dark)}.card-title{margin:0 0 var(--space-1);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.01em}.card-body{margin:0;font-size:var(--font-size-md);color:var(--color-text-muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.table th{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-weight:600}.table-actions{display:flex;gap:var(--space-1)}.modal-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:5vh;z-index:200;animation:overlay-in var(--transition-fast) ease-out}.modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-in var(--transition-slow) cubic-bezier(.16,1,.3,1)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-body{padding:var(--space-6)}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);line-height:1;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-close:hover{color:var(--color-text-primary);background:var(--bg-subtle)}.tag{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;line-height:1.5}.tag-accent{background:var(--bg-accent-light);color:var(--color-accent)}.tag-success{background:var(--bg-success-light);color:var(--color-success)}.msg{font-size:var(--font-size-md);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent}.msg-error{color:var(--color-danger-hover);background:var(--bg-danger-light);border-color:var(--color-danger-light)}.msg-success{color:var(--color-success);background:var(--bg-success-light);border-color:var(--color-success-light)}.loading,.empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-muted)}.calendar-container{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.calendar-day-header{flex:1;padding:var(--space-3) 0;text-align:center;border-left:1px solid var(--color-border);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.calendar-day-header.today{background:var(--bg-accent-light);color:var(--color-accent)}.calendar-day-col{flex:1;position:relative;border-left:1px solid var(--color-border);background:var(--color-surface);min-height:960px}.calendar-day-col.today{background:#2563eb06}.calendar-time-axis{width:60px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border)}.calendar-time-slot{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right;padding-right:var(--space-2);line-height:60px}.calendar-hour-line{position:absolute;left:0;right:0;height:1px;background:var(--color-border-light);pointer-events:none}.calendar-hour-cell{position:absolute;left:0;right:0;cursor:pointer;transition:background-color var(--transition-fast)}.calendar-hour-cell:after{content:"+";position:absolute;top:2px;right:6px;color:var(--color-accent);font-size:var(--font-size-md);font-weight:600;opacity:0;transition:opacity var(--transition-fast)}.calendar-hour-cell:hover{background:#2563eb0d}.calendar-hour-cell:hover:after{opacity:.6}.calendar-event-block{position:absolute;background:var(--bg-accent-light);color:var(--color-accent-deep);border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-height:20px;cursor:pointer;overflow:hidden;z-index:10;box-shadow:0 0 0 1.5px #fff,var(--shadow-sm);transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.calendar-event-block:hover{background:var(--color-accent-light);box-shadow:0 0 0 1.5px #fff,var(--shadow-md);transform:translateY(-1px);z-index:20}.calendar-event-block.event-continues-left{border-top-left-radius:0;border-bottom-left-radius:0;border-left:2px dashed rgba(37,99,235,.45)}.calendar-event-block.event-continues-right{border-top-right-radius:0;border-bottom-right-radius:0;border-right:2px dashed rgba(37,99,235,.45)}.calendar-event-block.event-continues-left.event-continues-right{border-radius:0}.event-continue-indicator{position:absolute;top:50%;transform:translateY(-50%);font-size:.6rem;opacity:.6}.event-continue-indicator.left{left:2px}.event-continue-indicator.right{right:2px}.calendar-empty-overlay{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;pointer-events:none;z-index:30}.calendar-empty-content{text-align:center;color:var(--color-text-muted);background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-8)}.calendar-empty-icon{font-size:3rem;margin-bottom:var(--space-2)}.calendar-empty-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary)}.calendar-empty-hint{font-size:var(--font-size-md)}.border-bottom{border-bottom:1px solid var(--color-border)}.w-60{width:60px}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.app-header-inner{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.app-main{flex:1;margin:0 auto;padding:0 var(--space-4) var(--space-8)}.app-footer{text-align:center;padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted)}.nav-list{display:flex;gap:var(--space-1);flex-wrap:wrap}.nav-link{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-secondary);white-space:nowrap;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-link:hover{color:var(--color-text-primary);background:var(--bg-subtle);text-decoration:none}.logo{font-weight:700;font-size:var(--font-size-xl);letter-spacing:-.02em;color:var(--color-text-primary);white-space:nowrap}.logo:hover{text-decoration:none}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.55;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent-light)}a{text-decoration:none;color:inherit}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:var(--space-6) 0 var(--space-3);font-weight:600;letter-spacing:-.01em;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}