#app{width:100%;height:100%;background-color:var(--bg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:root{--primary: #FF6D00;--primary-dark: #E65100;--secondary: #424242;--success: #4CAF50;--success-light: #d1fae5;--warning: #FFC107;--danger: #F44336;--danger-light: #fee2e2;--info: #2196F3;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--bg: var(--gray-100);--card: #ffffff;--text: var(--gray-900);--text-secondary: var(--gray-600);--border: var(--gray-200)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.card{background:var(--card);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #0000001a}.page-container{min-height:100vh;padding-bottom:70px;background-color:var(--bg)}.page-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--primary);color:#fff}.page-header h1{font-size:17px;font-weight:600}.page-header button,.page-header .back-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,transform .2s,box-shadow .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--gray-200);color:var(--gray-800)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-block{width:100%}.form-group{margin-bottom:12px}.form-label{display:block;margin-bottom:6px;font-size:14px;color:var(--gray-700)}.form-input{width:100%;height:44px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:15px}.form-input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}textarea.form-input{height:auto;padding:10px 12px;resize:vertical}.list{list-style:none}.empty-state{padding:32px 16px;text-align:center;color:var(--text-secondary)}.empty-state-icon{font-size:48px;margin-bottom:12px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-center{text-align:center}.text-right{text-align:right}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}