:root{--bg: #f5f5f5;--text: #111827;--muted: #6b7280;--card-bg: #ffffff;--border: #d1d5db;--table-head: #f8f9fa;--overlay: rgba(0,0,0,.5)}:root[data-theme=dark]{--bg: #0f172a;--text: #e5e7eb;--muted: #9ca3af;--card-bg: #111827;--border: #374151;--table-head: #1f2937;--overlay: rgba(0,0,0,.72)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text)}#root{min-height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border);margin-bottom:20px}.btn{--btn-bg: #111827;--btn-fg: #ffffff;--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font-size:14px;font-weight:600;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease,opacity .2s ease;box-shadow:0 1px 2px #0000000f}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001a}.btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.btn:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{--btn-bg: #2563eb;--btn-fg: #fff}.btn-primary:hover{--btn-bg: #1d4ed8}.btn-danger{--btn-bg: #dc2626;--btn-fg: #fff}.btn-danger:hover{--btn-bg: #b91c1c}.btn-secondary{--btn-bg: #fff;--btn-fg: #111827;--btn-border: #d1d5db}.btn-secondary:hover{--btn-bg: #f9fafb;--btn-border: #9ca3af}.btn-ghost{--btn-bg: transparent;--btn-fg: #374151;--btn-border: #e5e7eb;box-shadow:none}.btn-ghost:hover{--btn-bg: #f9fafb}.btn-sm{min-height:36px;padding:0 12px;border-radius:10px;font-size:13px}.btn-lg{min-height:48px;padding:0 20px;border-radius:14px;font-size:15px}input,textarea,select{width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;font-size:14px;margin-bottom:10px;background:var(--card-bg);color:var(--text)}label{display:block;margin-bottom:5px;font-weight:500}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:760px}table th,table td{padding:12px;text-align:left;border-bottom:1px solid var(--border)}table th{background-color:var(--table-head);font-weight:600}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.close-btn:hover{color:#000}.success-toast-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:1100;animation:successToastFadeIn .2s ease-out}@keyframes successToastFadeIn{0%{opacity:0}to{opacity:1}}.success-toast{background:linear-gradient(135deg,#2d8a4e,#1e6b3a);color:#fff;border-radius:12px;padding:24px 28px;min-width:320px;max-width:420px;box-shadow:0 8px 24px #0003;animation:successToastSlideIn .25s ease-out}@keyframes successToastSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-toast-message{margin:0 0 16px;font-size:15px;line-height:1.45}.success-toast-btn{display:block;margin-left:auto;padding:8px 20px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.success-toast-btn:hover{background:#ffffff59;border-color:#ffffff80}.theme-toggle{position:fixed;top:12px;right:12px;z-index:1200;display:inline-flex;align-items:center;gap:6px;background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 8px;box-shadow:0 4px 14px #0000001f}.theme-segment{border:1px solid transparent;background:transparent;color:var(--muted);padding:4px 8px;border-radius:999px;cursor:pointer;font-size:12px}.theme-segment.active{color:var(--text);border-color:var(--border);background:var(--table-head)}.mobile-only{display:none}.desktop-only{display:block}.desktop-only-flex{display:flex}.row-actions-menu{position:relative;display:inline-block}.row-actions-popover{position:absolute;right:0;top:36px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 20px #0000001f;z-index:20;min-width:170px;padding:6px}.row-actions-popover button{width:100%;text-align:left;border:none;background:transparent;padding:10px;border-radius:8px;cursor:pointer}.row-actions-popover button:hover{background:#f5f5f5}@media (max-width: 768px){.container{padding:12px}.card{padding:16px}.btn{width:100%}table{min-width:640px}.mobile-only{display:block!important}.desktop-only,.desktop-only-flex{display:none!important}}