.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:9999;max-width:380px;width:calc(100vw - var(--space-8))}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid transparent;background:var(--color-surface);box-shadow:0 4px 16px #0000001f,0 1px 4px #00000014;font-size:var(--text-sm);font-family:var(--font-sans);animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--success{border-color:var(--badge-done-border);background:var(--badge-done-bg)}.toast--success .toast__icon{color:var(--badge-done-color)}.toast--error{border-color:var(--color-error-border);background:var(--color-error-bg)}.toast--error .toast__icon{color:var(--color-error)}.toast--info{border-color:var(--badge-new-border);background:var(--badge-new-bg)}.toast--info .toast__icon{color:var(--badge-new-color)}.toast__icon{font-size:var(--text-base);font-weight:700;flex-shrink:0;width:18px;text-align:center}.toast__message{flex:1;color:var(--color-text);line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:var(--text-lg);line-height:1;color:var(--color-text-muted);padding:0 2px;border-radius:var(--radius-sm);transition:color .15s}.toast__close:hover{color:var(--color-text)}.header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);backdrop-filter:blur(8px)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:52px}.header__secondary{display:flex;align-items:center;gap:var(--space-3)}.header__nav{display:flex;align-items:center;gap:var(--space-1)}.header__link{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color .15s,background .15s}.header__link:hover{color:var(--color-text);background:var(--color-surface-hover);text-decoration:none}.header__link--active{color:var(--color-text);background:var(--color-surface-hover)}.header__avatar-wrapper{position:relative}.header__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;font-family:var(--font-sans);display:flex;align-items:center;justify-content:center;transition:opacity .15s}.header__avatar:hover{opacity:.85}.header__menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;z-index:200}.header__menu-header{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.header__menu-name{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.header__menu-email{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__menu-divider{height:1px;background:var(--color-border)}.header__menu-item{display:block;width:100%;padding:var(--space-2) var(--space-4);background:none;border:none;text-align:left;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text);cursor:pointer;transition:background .15s}.header__menu-item:hover{background:var(--color-surface-hover)}.header__menu-item--danger{color:var(--color-error)}.header__menu-item--danger:hover{background:var(--color-error-bg)}.layout__main{flex:1;padding:var(--space-8) 0}:root{--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-surface-hover: #F1F3F5;--color-border: #E5E7EB;--color-text: #111827;--color-text-muted: #6B7280;--color-text-subtle: #9CA3AF;--color-primary: #F97316;--color-primary-hover: #EA580C;--color-primary-light: #FFF7ED;--color-error: #DC2626;--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--badge-default-color: #6D28D9;--badge-default-bg: #F5F3FF;--badge-default-border: #DDD6FE;--badge-done-color: #15803D;--badge-done-bg: #F0FDF4;--badge-done-border: #BBF7D0;--badge-new-color: #1D4ED8;--badge-new-bg: #EFF6FF;--badge-new-border: #BFDBFE;--badge-failed-color: #DC2626;--badge-failed-bg: #FEF2F2;--badge-failed-border: #FECACA;--badge-rejected-color: #BE123C;--badge-rejected-bg: #FFF1F2;--badge-rejected-border: #FECDD3;--badge-progress-color: #92400E;--badge-progress-bg: #FFFBEB;--badge-progress-border: #FDE68A;--badge-archived-color: #4B5563;--badge-archived-bg: #F3F4F6;--badge-archived-border: #D1D5DB;--max-w-content: 1280px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: Inter, system-ui, -apple-system, sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04)}.page-container{max-width:var(--max-w-content);margin:0 auto;padding:0 var(--space-6)}.view-desktop{display:block}.view-mobile{display:none}@media (max-width: 767px){.view-desktop{display:none}.view-mobile{display:block}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:52px}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:2px}.page-header__actions{display:flex;align-items:center;gap:var(--space-3)}.page-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--color-text-muted);font-size:var(--text-sm)}.page-error{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);font-size:var(--text-sm)}.page-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-10);color:var(--color-text-muted);font-size:var(--text-sm);border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text)}#root{display:flex;flex-direction:column;min-height:100vh}.filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:20px;font-size:var(--text-xs);font-weight:500;font-family:var(--font-sans);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:background .15s,border-color .15s,color .15s}.filter-chip:hover:not(.filter-chip--active){background:var(--color-surface-hover);color:var(--color-text)}.filter-chip--active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.filter-chip__count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 4px;border-radius:20px;background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:10px;font-weight:600}.filter-chip--active .filter-chip__count{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-subtle)}.form-required{color:var(--color-error);margin-left:2px}.form-input{width:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:80px;line-height:1.6}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-error{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-2) var(--space-3);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.form-hint{font-size:var(--text-xs);color:var(--color-text-subtle);font-weight:400;margin-left:var(--space-1)}