@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.App{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-primary);overflow-x:hidden;padding-top:60px}.App-header{background-color:var(--primary);padding:var(--spacing-md);color:var(--netrun-black);box-shadow:var(--shadow-netrun);text-align:center;border-bottom:var(--border-width-thick) solid var(--primary-dark)}.App-header h1{margin:0;font-size:1.5rem;font-family:var(--font-primary);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.App-header p{margin:var(--spacing-xs) 0 0 0;opacity:.9;font-weight:var(--font-weight-normal);letter-spacing:.5px;font-size:var(--font-size-sm);color:var(--netrun-black)}.App-main{flex:1;padding:var(--spacing-md);width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden}@media(min-width:768px){.App-header{padding:var(--spacing-lg)}.App-header h1{font-size:2rem}.App-header p{font-size:1rem}.App-main{padding:var(--spacing-lg)}}@media(min-width:1024px){.App-header{padding:var(--spacing-xl)}.App-header h1{font-size:2.5rem;letter-spacing:1px}.App-main{padding:var(--spacing-xl);max-width:1200px;margin:0 auto}}.status-section,.auth-section,.features-section{margin-bottom:var(--spacing-lg);text-align:left}.status-section h2,.auth-section h2,.features-section h2{color:var(--text-primary);border-bottom:2px solid var(--primary);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-md);font-family:var(--font-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:1.25rem}@media(min-width:768px){.status-section,.auth-section,.features-section{margin-bottom:var(--spacing-xl)}.status-section h2,.auth-section h2,.features-section h2{font-size:1.5rem;letter-spacing:1px}}.success{background-color:var(--success);border:var(--border-width) solid var(--success);border-radius:var(--border-radius);padding:var(--spacing-md);color:var(--netrun-white)}.error{background-color:var(--error);border:var(--border-width) solid var(--error);border-radius:var(--border-radius);padding:var(--spacing-md);color:var(--netrun-white)}button{background-color:var(--primary);color:var(--netrun-white);border:var(--border-width) solid var(--primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-family:var(--font-primary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-sm);transition:all .2s ease;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%}button:hover,button:active{background-color:var(--netrun-black);border-color:var(--netrun-black);transform:translateY(-1px);box-shadow:var(--shadow-medium)}@media(min-width:768px){button{width:auto;min-width:120px}}.login-btn{background-color:var(--primary)}.login-btn:hover{background-color:var(--netrun-black)}.token{font-family:var(--font-monospace);font-size:.9rem;word-break:break-all;background-color:var(--background-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius);border:var(--border-width) solid var(--border)}.features-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.feature-card{background-color:var(--background-secondary);border:var(--border-width) solid var(--border);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-medium);transition:all var(--transition-base);min-height:120px;display:flex;flex-direction:column;justify-content:center}@media(min-width:768px){.feature-card{padding:var(--spacing-lg)}}.feature-card:hover{box-shadow:var(--shadow-netrun);transform:translateY(-2px);border-color:var(--primary)}@media(hover:none){.feature-card:hover{transform:none}}.feature-card h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-family:var(--font-primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-card p{margin:0;color:var(--text-secondary);line-height:1.6}.App-footer{background-color:var(--background-secondary);padding:var(--spacing-md);border-top:var(--border-width-thick) solid var(--primary);color:var(--text-secondary);font-size:var(--font-size-xs);text-align:center;margin-top:auto}.App-footer p{margin:var(--spacing-xs) 0;word-break:break-word}@media(min-width:768px){.App-footer{font-size:.9rem;padding:var(--spacing-lg)}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%}.loading{text-align:center;padding:var(--spacing-lg)}@media(max-width:640px){.token{font-size:.75rem}.auth-section button{display:block;margin:var(--spacing-sm) 0}}:root{--kog-primary: #8AB89B;--kog-primary-dark: #6E9A7E;--kog-primary-light: #A5CCB3;--kog-primary-alpha-8: rgba(138, 184, 155, .08);--kog-primary-alpha-10: rgba(138, 184, 155, .1);--kog-primary-alpha-15: rgba(138, 184, 155, .15);--kog-primary-alpha-20: rgba(138, 184, 155, .2);--kog-primary-alpha-30: rgba(138, 184, 155, .3);--kog-primary-alpha-40: rgba(138, 184, 155, .4);--kog-bg-main: #0A0A0A;--kog-bg-secondary: #141414;--kog-bg-tertiary: #1A1A1A;--kog-bg-surface: #1E1E1E;--kog-bg-elevated: #222222;--kog-bg-overlay: rgba(10, 10, 10, .95);--kog-bg-hover: rgba(138, 184, 155, .08);--kog-text-primary: #FFFFFF;--kog-text-secondary: #B0B0B0;--kog-text-tertiary: #808080;--kog-text-disabled: #5A5A5A;--kog-text-on-primary: #0A0A0A;--kog-border: #2A2A2A;--kog-border-light: #3A3A3A;--kog-border-focus: #8AB89B;--kog-border-hover: #4A4A4A;--kog-accent-sage: #8AB89B;--kog-accent-mint: #A5CCB3;--kog-accent-forest: #6E9A7E;--kog-success: #6DD49F;--kog-warning: #FFB86C;--kog-error: #FF6B6B;--kog-info: #64B5F6;--kog-brand-green: #8AB89B;--kog-brand-black: #0A0A0A;--kog-brand-white: #FFFFFF;--kog-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--kog-font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--kog-font-brand: "Inter", system-ui, sans-serif;--kog-font-light: 300;--kog-font-regular: 400;--kog-font-medium: 500;--kog-font-semibold: 600;--kog-font-bold: 700;--kog-font-extrabold: 800;--kog-text-xs: .75rem;--kog-text-sm: .875rem;--kog-text-base: 1rem;--kog-text-lg: 1.125rem;--kog-text-xl: 1.25rem;--kog-text-2xl: 1.5rem;--kog-text-3xl: 1.875rem;--kog-text-4xl: 2.25rem;--kog-text-5xl: 3rem;--kog-leading-tight: 1.2;--kog-leading-normal: 1.5;--kog-leading-relaxed: 1.75;--kog-tracking-tight: -.02em;--kog-tracking-normal: 0;--kog-tracking-wide: .025em;--kog-tracking-wider: .05em;--kog-spacing-0: 0;--kog-spacing-1: .25rem;--kog-spacing-2: .5rem;--kog-spacing-3: .75rem;--kog-spacing-4: 1rem;--kog-spacing-5: 1.25rem;--kog-spacing-6: 1.5rem;--kog-spacing-8: 2rem;--kog-spacing-10: 2.5rem;--kog-spacing-12: 3rem;--kog-spacing-16: 4rem;--kog-radius-none: 0;--kog-radius-sm: .25rem;--kog-radius-md: .5rem;--kog-radius-lg: .75rem;--kog-radius-xl: 1rem;--kog-radius-2xl: 1.5rem;--kog-radius-full: 9999px;--kog-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--kog-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--kog-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4);--kog-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--kog-shadow-glow: 0 0 20px rgba(138, 184, 155, .3);--kog-shadow-glow-lg: 0 0 30px rgba(138, 184, 155, .5);--kog-shadow-glow-soft: 0 0 15px rgba(138, 184, 155, .2);--kog-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--kog-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--kog-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--kog-z-base: 0;--kog-z-dropdown: 1000;--kog-z-sticky: 1100;--kog-z-fixed: 1200;--kog-z-modal-backdrop: 1300;--kog-z-modal: 1400;--kog-z-popover: 1500;--kog-z-tooltip: 1600}:root[data-theme=light]{--kog-bg-main: #FFFFFF;--kog-bg-secondary: #F5F5F5;--kog-bg-tertiary: #EBEBEB;--kog-bg-surface: #F9F9F9;--kog-bg-elevated: #FFFFFF;--kog-bg-hover: rgba(138, 184, 155, .08);--kog-text-primary: #0A0A0A;--kog-text-secondary: #4A4A4A;--kog-text-tertiary: #6A6A6A;--kog-text-disabled: #A0A0A0;--kog-text-on-primary: #FFFFFF;--kog-border: #E0E0E0;--kog-border-light: #D0D0D0;--kog-border-hover: #C0C0C0;--kog-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--kog-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--kog-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .1);--kog-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .2), 0 10px 10px -5px rgba(0, 0, 0, .1)}.kog-theme,.kog-theme *{box-sizing:border-box}.kog-theme{background:var(--kog-bg-main);color:var(--kog-text-primary);font-family:var(--kog-font-family);font-size:var(--kog-text-base);font-weight:var(--kog-font-regular);line-height:var(--kog-leading-normal);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--kog-tracking-normal)}.kog-theme h1,.kog-theme h2,.kog-theme h3,.kog-theme h4,.kog-theme h5,.kog-theme h6{color:var(--kog-text-primary);font-family:var(--kog-font-brand);font-weight:var(--kog-font-semibold);line-height:var(--kog-leading-tight);letter-spacing:var(--kog-tracking-tight);margin:0 0 var(--kog-spacing-4) 0}.kog-theme h1{font-size:var(--kog-text-4xl);font-weight:var(--kog-font-bold)}.kog-theme h2{font-size:var(--kog-text-3xl);font-weight:var(--kog-font-bold)}.kog-theme h3{font-size:var(--kog-text-2xl);font-weight:var(--kog-font-semibold)}.kog-theme h4{font-size:var(--kog-text-xl);font-weight:var(--kog-font-semibold)}.kog-theme h5{font-size:var(--kog-text-lg);font-weight:var(--kog-font-medium)}.kog-theme h6{font-size:var(--kog-text-base);font-weight:var(--kog-font-medium)}.kog-theme p{color:var(--kog-text-secondary);line-height:var(--kog-leading-relaxed);margin:0 0 var(--kog-spacing-4) 0}.kog-theme a{color:var(--kog-primary);text-decoration:none;transition:color var(--kog-transition-fast)}.kog-theme a:hover{color:var(--kog-primary-light)}.kog-theme a:focus{outline:2px solid var(--kog-primary);outline-offset:2px;border-radius:var(--kog-radius-sm)}.kog-theme ::-webkit-scrollbar{width:12px;height:12px}.kog-theme ::-webkit-scrollbar-track{background:var(--kog-bg-secondary);border-radius:var(--kog-radius-sm)}.kog-theme ::-webkit-scrollbar-thumb{background:var(--kog-border-light);border-radius:var(--kog-radius-sm);border:2px solid var(--kog-bg-secondary);transition:background var(--kog-transition-fast)}.kog-theme ::-webkit-scrollbar-thumb:hover{background:var(--kog-primary)}.kog-theme *{scrollbar-width:thin;scrollbar-color:var(--kog-border-light) var(--kog-bg-secondary)}.kog-theme ::selection{background:var(--kog-primary-alpha-30);color:var(--kog-text-primary)}.kog-theme ::-moz-selection{background:var(--kog-primary-alpha-30);color:var(--kog-text-primary)}.kog-theme input,.kog-theme textarea,.kog-theme select{background:var(--kog-bg-secondary);color:var(--kog-text-primary);border:1px solid var(--kog-border);border-radius:var(--kog-radius-md);padding:var(--kog-spacing-2) var(--kog-spacing-4);font-family:var(--kog-font-family);font-size:var(--kog-text-base);transition:all var(--kog-transition-base)}.kog-theme input:hover,.kog-theme textarea:hover,.kog-theme select:hover{border-color:var(--kog-border-hover);background:var(--kog-bg-tertiary)}.kog-theme input:focus,.kog-theme textarea:focus,.kog-theme select:focus{outline:none;border-color:var(--kog-border-focus);background:var(--kog-bg-tertiary);box-shadow:0 0 0 3px var(--kog-primary-alpha-20)}.kog-theme input::placeholder,.kog-theme textarea::placeholder{color:var(--kog-text-tertiary)}.kog-theme input:disabled,.kog-theme textarea:disabled,.kog-theme select:disabled{opacity:.5;cursor:not-allowed;background:var(--kog-bg-secondary)}.kog-theme button{font-family:var(--kog-font-family);font-weight:var(--kog-font-medium);cursor:pointer;transition:all var(--kog-transition-base);border-radius:var(--kog-radius-md);border:none}.kog-theme button:disabled{cursor:not-allowed;opacity:.5}.kog-btn-primary{background:var(--kog-primary);color:var(--kog-text-on-primary);padding:var(--kog-spacing-3) var(--kog-spacing-6);font-weight:var(--kog-font-semibold);box-shadow:var(--kog-shadow-sm)}.kog-btn-primary:hover:not(:disabled){background:var(--kog-primary-dark);box-shadow:var(--kog-shadow-md),var(--kog-shadow-glow-soft);transform:translateY(-1px)}.kog-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--kog-shadow-sm)}.kog-btn-secondary{background:transparent;color:var(--kog-primary);padding:var(--kog-spacing-3) var(--kog-spacing-6);border:1px solid var(--kog-primary)}.kog-btn-secondary:hover:not(:disabled){background:var(--kog-primary-alpha-10);border-color:var(--kog-primary-light)}.kog-btn-ghost{background:transparent;color:var(--kog-text-primary);padding:var(--kog-spacing-3) var(--kog-spacing-6)}.kog-btn-ghost:hover:not(:disabled){background:var(--kog-bg-hover)}.kog-metric-card{background:var(--kog-primary-alpha-8);border:1px solid var(--kog-primary-alpha-20);border-radius:var(--kog-radius-xl);padding:var(--kog-spacing-6);box-shadow:var(--kog-shadow-md);transition:all var(--kog-transition-base)}.kog-metric-card:hover{background:var(--kog-primary-alpha-15);border-color:var(--kog-primary-alpha-40);box-shadow:var(--kog-shadow-lg),var(--kog-shadow-glow-soft);transform:translateY(-2px)}.kog-card{background:var(--kog-bg-tertiary);border:1px solid var(--kog-border);border-radius:var(--kog-radius-lg);box-shadow:var(--kog-shadow-md);transition:all var(--kog-transition-base)}.kog-card:hover{background:var(--kog-bg-surface);border-color:var(--kog-primary);box-shadow:var(--kog-shadow-lg)}.kog-badge{background:var(--kog-primary-alpha-15);color:var(--kog-primary-light);border:1px solid var(--kog-primary-alpha-30);border-radius:var(--kog-radius-full);padding:var(--kog-spacing-1) var(--kog-spacing-3);font-size:var(--kog-text-xs);font-weight:var(--kog-font-semibold);display:inline-flex;align-items:center}.kogsworth-container{background:var(--kog-primary-alpha-8);border:1px solid var(--kog-primary-alpha-20);border-radius:var(--kog-radius-lg);box-shadow:var(--kog-shadow-md);padding:var(--kog-spacing-4)}.kogsworth-avatar{background:var(--kog-primary);border:2px solid var(--kog-primary-dark);border-radius:var(--kog-radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--kog-text-on-primary);font-weight:var(--kog-font-bold);box-shadow:var(--kog-shadow-glow-soft)}.kogsworth-message{background:var(--kog-bg-surface);border:1px solid var(--kog-border);border-radius:var(--kog-radius-md);padding:var(--kog-spacing-3) var(--kog-spacing-4);margin-top:var(--kog-spacing-2)}.kog-theme table{width:100%;border-collapse:collapse;background:var(--kog-bg-tertiary);border-radius:var(--kog-radius-lg);overflow:hidden}.kog-theme th,.kog-theme td{padding:var(--kog-spacing-4);text-align:left;border-bottom:1px solid var(--kog-border)}.kog-theme th{background:var(--kog-bg-surface);color:var(--kog-text-primary);font-weight:var(--kog-font-semibold);text-transform:uppercase;font-size:var(--kog-text-sm);letter-spacing:var(--kog-tracking-wider)}.kog-theme tr:last-child td{border-bottom:none}.kog-theme tbody tr{transition:background var(--kog-transition-fast)}.kog-theme tbody tr:hover{background:var(--kog-bg-hover)}@media(max-width:1536px){:root{--kog-spacing-12: 2.5rem;--kog-spacing-16: 3.5rem}}@media(max-width:1280px){:root{--kog-text-4xl: 2rem;--kog-text-5xl: 2.5rem}}@media(max-width:1024px){:root{--kog-spacing-10: 2rem;--kog-spacing-12: 2rem;--kog-text-3xl: 1.75rem}}@media(max-width:768px){:root{--kog-spacing-8: 1.5rem;--kog-spacing-10: 1.75rem;--kog-text-2xl: 1.375rem;--kog-text-3xl: 1.625rem}.kogsworth-container{padding:var(--kog-spacing-3)}}@media(max-width:640px){:root{--kog-spacing-6: 1.25rem;--kog-spacing-8: 1.25rem;--kog-text-xl: 1.125rem}.kog-metric-card{padding:var(--kog-spacing-4)}}@media(prefers-reduced-motion:reduce){.kog-theme *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.kog-theme :focus-visible{outline:2px solid var(--kog-primary);outline-offset:2px}@media(prefers-contrast:high){:root{--kog-border: #4A4A4A;--kog-border-light: #5A5A5A}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--kog-bg-main: #0A0A0A;--kog-text-primary: #FFFFFF}}.bulk-operations-toolbar{position:sticky;top:0;z-index:100;background:var(--intirkon-bg-card);border:1px solid var(--intirkon-border);border-radius:8px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000004d;margin-bottom:16px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.selection-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--intirkon-text-secondary)}.selection-count{font-weight:600;color:var(--intirkon-primary);font-size:16px}.bulk-actions{display:flex;align-items:center;gap:8px}.bulk-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--intirkon-bg-secondary);color:var(--intirkon-text-primary);border-color:var(--intirkon-border)}.bulk-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.bulk-action-btn:disabled{opacity:.6;cursor:not-allowed}.bulk-action-btn.update:hover{background:var(--intirkon-primary);color:var(--intirkon-text-on-primary);border-color:var(--intirkon-primary)}.bulk-action-btn.delete:hover{background:var(--intirkon-error);color:var(--intirkon-text-primary);border-color:var(--intirkon-error)}.bulk-action-btn.export:hover{background:var(--intirkon-success);color:var(--intirkon-text-on-primary);border-color:var(--intirkon-success)}.bulk-action-btn.tag:hover{background:var(--intirkon-info);color:var(--intirkon-text-primary);border-color:var(--intirkon-info)}.bulk-action-btn.clear:hover{background:var(--intirkon-text-tertiary);color:var(--intirkon-text-primary);border-color:var(--intirkon-text-tertiary)}.action-icon{font-size:16px}.dropdown-arrow{font-size:10px;margin-left:4px}.export-dropdown,.tag-dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;background-color:var(--intirkon-bg-card);border:1px solid var(--intirkon-border);min-width:180px;box-shadow:0 4px 12px #0006;z-index:1;border-radius:6px;padding:4px;margin-top:4px}.export-dropdown:hover .dropdown-content,.tag-dropdown:hover .dropdown-content{display:block}.dropdown-content button{background:none;border:none;padding:8px 12px;width:100%;text-align:left;cursor:pointer;font-size:14px;color:var(--intirkon-text-primary);border-radius:4px;transition:background-color .2s ease}.dropdown-content button:hover{background-color:var(--intirkon-bg-hover);color:var(--intirkon-primary)}.bulk-update-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulk-update-modal{background:var(--intirkon-bg-card);border:1px solid var(--intirkon-border);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:auto;box-shadow:0 10px 40px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--intirkon-border)}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--intirkon-text-primary)}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--intirkon-text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background-color:var(--intirkon-bg-hover);color:var(--intirkon-text-primary)}.modal-body{padding:24px}.update-info{background:var(--intirkon-primary-alpha-15);color:var(--intirkon-text-primary);padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:20px;border:1px solid var(--intirkon-primary-alpha-30)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--intirkon-text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid var(--intirkon-border);border-radius:6px;font-size:14px;background-color:var(--intirkon-bg-secondary);color:var(--intirkon-text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--intirkon-primary);box-shadow:0 0 0 3px var(--intirkon-primary-alpha-20)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--intirkon-border);background-color:var(--intirkon-bg-tertiary)}.cancel-btn,.confirm-btn{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:transparent;border:1px solid var(--intirkon-border);color:var(--intirkon-text-secondary)}.cancel-btn:hover:not(:disabled){background:var(--intirkon-bg-hover);border-color:var(--intirkon-border-light);color:var(--intirkon-text-primary)}.confirm-btn{background:var(--intirkon-primary);border:1px solid var(--intirkon-primary);color:var(--intirkon-text-on-primary)}.confirm-btn:hover:not(:disabled){background:var(--intirkon-primary-light);border-color:var(--intirkon-primary-light)}.confirm-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.bulk-operations-toolbar{flex-direction:column;gap:12px;align-items:stretch}.bulk-actions{flex-wrap:wrap;justify-content:center}.bulk-update-modal{width:95%;max-height:90vh}}.enhanced-activity-timeline{position:relative;max-width:900px;margin:0 auto}.timeline-add-section{margin-bottom:32px}.add-activity-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.add-activity-button:hover{background:#1565c0;box-shadow:0 2px 8px #1976d24d}.inline-activity-form{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h4{margin:0;font-size:18px;font-weight:600;color:#212529}.close-button{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.close-button:hover{color:#212529}.activity-type-selector{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.type-option{flex:1;min-width:100px;position:relative;cursor:pointer}.type-option input[type=radio]{position:absolute;opacity:0}.type-option .type-icon,.type-option .type-label{display:inline-block;padding:8px 12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;text-align:center;transition:all .2s ease;width:100%}.type-option.selected .type-icon,.type-option.selected .type-label{background:#e7f3ff;border-color:#1976d2;color:#1976d2}.type-option:hover .type-icon,.type-option:hover .type-label{border-color:#dee2e6}.type-icon{font-size:20px;margin-bottom:4px}.type-label{font-size:12px;font-weight:500}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.form-input,.form-select,.form-textarea{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#495057}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.timeline-container{position:relative;padding-left:40px}.timeline-group{margin-bottom:40px}.timeline-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.timeline-group-header h3{margin:0;font-size:16px;font-weight:600;color:#495057}.activity-count{font-size:13px;color:#6c757d;background:#f8f9fa;padding:4px 12px;border-radius:12px}.timeline-items{position:relative}.timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.timeline-marker{position:absolute;left:-40px;top:0;width:40px;display:flex;flex-direction:column;align-items:center}.marker-icon{width:32px;height:32px;background:#fff;border:2px solid #1976d2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:2}.timeline-connector{position:absolute;top:32px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 24px);background:#e9ecef;z-index:1}.timeline-content{flex:1;background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease}.timeline-content:hover{box-shadow:0 2px 8px #0000000d}.timeline-content.expanded{box-shadow:0 4px 12px #0000001a}.timeline-header{padding:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.header-main{flex:1}.activity-subject{margin:0 0 8px;font-size:15px;font-weight:600;color:#212529;line-height:1.4}.activity-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#6c757d}.activity-type{background:#e7f3ff;color:#0056b3;padding:2px 8px;border-radius:10px;font-weight:500}.activity-channel,.activity-duration{display:flex;align-items:center;gap:4px}.activity-time{color:#6c757d}.expand-button{background:none;border:none;color:#6c757d;font-size:12px;cursor:pointer;padding:4px;transition:color .2s ease}.expand-button:hover{color:#212529}.timeline-details{padding:0 16px 16px;border-top:1px solid #f8f9fa}.activity-description{margin-top:12px;color:#495057;font-size:14px;line-height:1.6;white-space:pre-wrap}.activity-outcome{margin-top:12px;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:13px;color:#495057}.activity-outcome strong{color:#212529}.activity-related{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.related-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;font-size:12px;color:#495057}.activity-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid #f8f9fa}.action-button{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.action-button.edit{background:#f8f9fa;color:#495057}.action-button.edit:hover{background:#e9ecef}.action-button.delete{background:#fff5f5;color:#dc3545}.action-button.delete:hover{background:#f8d7da}.timeline-load-more{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.load-more-button{padding:10px 24px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s ease}.load-more-button:hover{background:#e9ecef;border-color:#ced4da}.load-more-button:disabled{opacity:.6;cursor:not-allowed}.timeline-empty{text-align:center;padding:60px 20px;color:#6c757d}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.timeline-empty h3{margin:0 0 8px;color:#495057}.timeline-empty p{margin:0;font-size:14px}.timeline-loading{padding:40px;text-align:center}@media(max-width:768px){.timeline-container{padding-left:32px}.timeline-marker{left:-32px}.marker-icon{width:28px;height:28px;font-size:14px}.timeline-group-header{flex-direction:column;align-items:flex-start;gap:8px}.activity-type-selector{flex-direction:column}.type-option{width:100%}.form-grid{grid-template-columns:1fr}.timeline-header{flex-direction:column;gap:8px}.expand-button{align-self:flex-end}}@media(max-width:480px){.timeline-container{padding-left:24px}.timeline-marker{left:-24px;width:24px}.marker-icon{width:24px;height:24px;font-size:12px;border-width:1px}.timeline-connector{width:1px}.activity-meta{flex-direction:column;gap:4px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-container{background:var(--intirkon-bg-card);border-radius:12px;box-shadow:0 20px 40px #00000080;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;margin:auto;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid var(--intirkon-border);margin-bottom:24px;position:sticky;top:0;background:var(--intirkon-bg-card);z-index:10}.modal-title{margin:0;font-size:24px;font-weight:600;color:var(--intirkon-text-primary)}.modal-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:8px;border-radius:4px;transition:all .2s;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:#f8f9fa;color:#495057}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-content{padding:0 24px 24px;flex:1;overflow-y:auto;min-height:0}.contact-form{font-family:var(--font-primary)}.form-sections{display:flex;flex-direction:column;gap:32px;padding-bottom:80px}.form-section{border:1px solid var(--intirkon-border);border-radius:8px;padding:24px;background:var(--intirkon-bg-secondary)}.section-title{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--intirkon-text-primary);border-bottom:2px solid var(--intirkon-primary);padding-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:var(--intirkon-text-primary);margin-bottom:6px;font-size:14px}.form-group label.required:after{content:" *";color:#dc3545;font-weight:700}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--intirkon-border);border-radius:6px;font-size:14px;background:var(--intirkon-bg-secondary)!important;color:var(--intirkon-text-primary)!important;transition:all .2s;font-family:inherit}.form-select option{background:var(--intirkon-bg-secondary)!important;color:var(--intirkon-text-primary)!important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--intirkon-primary);box-shadow:0 0 0 2px #a8cfbd40}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--intirkon-bg-tertiary)!important;color:var(--intirkon-text-secondary)!important;cursor:not-allowed;opacity:.6}.form-textarea{resize:vertical;min-height:100px}.field-error{color:#dc3545;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.field-error:before{content:"⚠️";font-size:10px}.field-help{color:#6c757d;font-size:12px;margin-top:4px;font-style:italic}.form-group.full-width{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--intirkon-border);position:sticky;bottom:0;background:var(--intirkon-bg-card);z-index:10}.cancel-button,.submit-button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.cancel-button{background:var(--intirkon-bg-secondary);color:var(--intirkon-text-primary);border-color:var(--intirkon-border)}.cancel-button:hover:not(:disabled){background:var(--intirkon-bg-tertiary);color:var(--intirkon-text-primary);border-color:var(--intirkon-primary)}.submit-button{background:var(--intirkon-primary);color:var(--intirkon-text-on-primary);border-color:var(--intirkon-primary)}.submit-button:hover:not(:disabled){background:#8bb9a8;border-color:#8bb9a8}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.form-status{padding:12px 16px;border-radius:6px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.form-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-status.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@media(max-width:768px){.modal-overlay{padding:0;align-items:stretch}.modal-container{max-width:100%;max-height:100vh;height:100vh;height:100dvh;border-radius:0;margin:0;display:flex;flex-direction:column}.modal-header{padding:16px;margin-bottom:0;border-bottom:1px solid var(--intirkon-border);flex-shrink:0;position:sticky;top:0;background:var(--intirkon-bg-card);z-index:10}.modal-title{font-size:20px}.modal-content{padding:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0}.contact-form{display:flex;flex-direction:column;height:100%;min-height:0}.form-sections{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;gap:24px}.form-section{padding:16px;margin-bottom:16px}.section-title{font-size:16px;margin-bottom:16px}.form-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.form-actions{flex-shrink:0;flex-direction:column-reverse;gap:8px;padding:16px;border-top:1px solid var(--intirkon-border);background:var(--intirkon-bg-card);position:sticky;bottom:0}.cancel-button,.submit-button{width:100%;min-height:48px}.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px;padding:12px}.form-textarea{min-height:88px}.form-group{margin-bottom:20px}.field-error{margin-top:8px;font-size:14px}}@media(max-width:480px){.modal-header{padding:12px}.modal-content{padding:0 12px 12px}.form-section{padding:12px}.form-input,.form-select,.form-textarea{padding:8px 10px;font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-container{animation:slideIn .2s ease-out}.modal-overlay:focus{outline:none}@media(prefers-contrast:high){.form-input,.form-select,.form-textarea{border-width:2px}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #007bff80}}@media(prefers-reduced-motion:reduce){.modal-container,.loading-spinner{animation:none}*{transition:none!important}}.contact-details{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:24px;margin-bottom:24px}.contact-details-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.contact-details-info h1{font-size:24px;font-weight:600;color:#333;margin:0 0 8px}.contact-details-info p{color:#666;margin:4px 0}.contact-details-actions{display:flex;gap:8px}.contact-details-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-details-section h3{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.contact-details-field{margin-bottom:16px}.contact-details-field label{display:block;font-size:12px;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.contact-details-field .value{font-size:14px;color:#333}.contact-details-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.contact-details-tag{background:#f0f9ff;color:#0369a1;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}@media(max-width:768px){.contact-details-header{flex-direction:column;align-items:flex-start;gap:16px}.contact-details-content{grid-template-columns:1fr}}