:root{--color-primary:#036a6e;--color-secondary:#063537;--color-accent:#10b981;--color-white:#fff;--color-gray-light:#9ca3af;--color-gray-dark:#6b7280;--color-bg-light:#f9fafb;--color-bg-field:#ffffffe6;--color-bg-transparent:#fffc;--color-bg-transparent-hover:#fffffff2;--color-bg-transparent-primary:#036a6e1a;--color-bg-transparent-primary-hover:#036a6e1a;--color-bg-transparent-black:#0000001a;--color-bg-white:#fff;--color-bg-overlay:#00000080;--color-bg-dark:#1f2937;--color-border-dark:#9ca3af;--color-border-light:#e5e7ebcc;--color-border-primary:#036a6e33;--color-error:#ef4444;--color-border-error:#f87171;--color-bg-error:linear-gradient(135deg,#fef2f2,#fee2e2);--color-success:#10b981;--color-border-success:#dcfce7;--color-bg-success:linear-gradient(135deg,#f0fdf4,#dcfce7);--color-bg-button-disabled:linear-gradient(135deg,#9ca3af,#6b7280);--color-warning:#f59e0b;--color-border-warning:#facc15;--color-bg-warning:linear-gradient(135deg,#fef9c3,#fef08a);--color-text:#374151;--color-text-light:#6b7280;--color-text-error:#b91c1c;--color-text-success:#059669;--color-text-very-light:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 40px 80px #00000026,0 20px 40px #0000001a,0 10px 20px #0000000d,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff1a;--color-hover-primary:#036a6e1a;--gradient-bg-primary:linear-gradient(135deg,#036a6ef2 0%,#063537f2 50%,#036a6ee6 100%),radial-gradient(circle at 20% 80%,#036a6e4d 0%,transparent 50%),radial-gradient(circle at 80% 20%,#0635374d 0%,transparent 50%),radial-gradient(circle at 40% 40%,#ffffff1a 0%,transparent 50%);--gradient-bg-grid:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 200\"><defs><pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"/></pattern><pattern id=\"dots\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><circle cx=\"30\" cy=\"30\" r=\"1\" fill=\"rgba(255,255,255,0.08)\"/></pattern><filter id=\"blur\"><feGaussianBlur stdDeviation=\"2\"/></filter></defs><rect width=\"200\" height=\"200\" fill=\"url(%23grid)\"/><rect width=\"200\" height=\"200\" fill=\"url(%23dots)\"/></svg>"),url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><radialGradient id=\"glow\" cx=\"50%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"rgba(255,255,255,0.1)\"/><stop offset=\"100%\" stop-color=\"transparent\"/></radialGradient></defs><circle cx=\"20\" cy=\"20\" r=\"15\" fill=\"url(%23glow)\"/><circle cx=\"80\" cy=\"80\" r=\"20\" fill=\"url(%23glow)\"/><circle cx=\"60\" cy=\"30\" r=\"10\" fill=\"url(%23glow)\"/></svg>");--gradient-bg-shimmer:linear-gradient(45deg,transparent 30%,#ffffff08 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,#ffffff05 50%,transparent 70%);--shadow-logo-sm:drop-shadow(0 8px 16px #00000026);--shadow-logo-md:drop-shadow(0 12px 24px #0003);--shadow-text-sm:0 4px 8px #0000001a;--color-bg-button:linear-gradient(90deg,transparent,#ffffff4d,transparent);--color-bg-button-hover:linear-gradient(135deg,#ffffff1a 0%,transparent 50%,#0000001a 100%);--font-small:10px;--font-text:12px;--font-medium:15px;--font-subtitle:18px;--font-title:28px;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spinner-size:32px;--spinner-color:var(--color-primary);--spinner-speed:1s;--spinner-thickness:4px;--notification-badge-size:20px;--modal-size-sm:350px;--modal-size-md:600px;--modal-size-lg:1200px;--header-height:64px;--header-logo-height:48px;--sidebar-width:256px;--sidebar-logo-height:72px;--title-section-height:100vh;--max-content-width:100%;--max-width:900px;--small-max-width:400px;--min-height:100vh;--min-height-sm:200px;--logo-height:64px;--field-height:36px;--scrollbar-width:3px;--collapsed-sidebar-width:80px;--rounded-full:9999px;--letter-spacing-sm:-.01em;--letter-spacing-md:-.025em;--letter-spacing-lg:-.05em;--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--icon-size-xxl:64px;--loading-spinner-size:48px;--loading-spinner-thickness:2px;--loading-spinner-inner-size:32px;--page-header-height:120px;--dropdown-menu-min-width:180px;--modal-width-sm:400px;--modal-width-md:800px;--modal-width-lg:1200px;--field-textarea-min-height:60px;--blur-sm:10px;--blur-md:20px;--blur-lg:30px;--radio-size:16px;--button-min-width:120px}body{background-color:var(--color-bg-light);color:var(--color-text);font-family:Inter,sans-serif}.app-container{background-color:var(--color-bg-light);flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{margin-top:var(--header-height);margin-left:var(--sidebar-width);padding:var(--spacing-lg);width:calc(100% - var(--sidebar-width));flex-direction:column;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.loading-container{min-height:calc(var(--min-height) - var(--header-height));justify-content:center;align-items:center;display:flex}.loading-spinner{height:var(--loading-spinner-size);width:var(--loading-spinner-size);border-radius:var(--rounded-full);border-top-width:var(--loading-spinner-thickness);border-bottom-width:var(--loading-spinner-thickness);border-left-width:0;border-right-width:0;border-color:var(--color-primary);align-self:center;margin:auto;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner-inner{height:var(--loading-spinner-inner-size);width:var(--loading-spinner-inner-size);border-width:var(--loading-spinner-thickness);border-style:solid;border-color:var(--color-primary)transparent var(--color-primary)transparent;border-radius:50%;animation:1s linear infinite spin}.main-layout{min-height:var(--min-height);background-color:var(--color-bg-light);display:flex}.auth-container{min-height:var(--min-height);background:var(--gradient-bg-primary);padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";background:var(--gradient-bg-grid);pointer-events:none;animation:20s ease-in-out infinite backgroundFloat;position:absolute;inset:0}.auth-container:after{content:"";background:var(--gradient-bg-shimmer);pointer-events:none;animation:8s ease-in-out infinite shimmer;position:absolute;inset:0}.auth-card{width:100%;max-width:var(--max-width);padding:var(--spacing-lg);background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-md))saturate(180%);backdrop-filter:blur(var(--blur-md))saturate(180%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-card{width:100%;max-width:500px;padding:var(--spacing-lg);background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-md))saturate(180%);backdrop-filter:blur(var(--blur-md))saturate(180%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.registration-card{width:100%;max-width:var(--max-width);padding:var(--spacing-lg);background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-md))saturate(180%);backdrop-filter:blur(var(--blur-md))saturate(180%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-card:after{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);z-index:-2;opacity:0;transition:opacity .4s;position:absolute;inset:-2px}.login-card:before{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);pointer-events:none;z-index:-1;position:absolute;inset:0}.login-card:after{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);z-index:-2;opacity:0;transition:opacity .4s;position:absolute;inset:-2px}.registration-card:before{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);pointer-events:none;z-index:-1;position:absolute;inset:0}.registration-card:after{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);z-index:-2;opacity:0;transition:opacity .4s;position:absolute;inset:-2px}.auth-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)scale(1.01)}.auth-card:hover:after{opacity:1}.login-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)scale(1.01)}.login-card:hover:after{opacity:1}.registration-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)scale(1.01)}.registration-card:hover:after{opacity:1}.auth-logo{margin:0 auto var(--spacing-lg);height:var(--logo-height);width:auto;filter:var(--shadow-logo-sm);transition:all .4s;display:block;position:relative}.auth-logo:hover{filter:var(--shadow-logo-md);transform:scale(1.05)}.login-container{background:0 0;max-width:100%;margin:0;padding:0;overflow:visible}.login-form{gap:var(--spacing-sm);flex-direction:column;display:flex}.registration-columns{grid-template-columns:var(--small-max-width)var(--small-max-width);gap:var(--spacing-lg);margin-bottom:var(--spacing-md);justify-content:center;display:grid}.registration-columns>div{gap:var(--spacing-sm);max-width:var(--small-max-width);flex-direction:column;width:100%;margin:0 auto;display:flex}.registration-container{width:100%;padding-left:0;padding-right:0;max-width:var(--max-width)!important}.register-link{text-align:center;margin-top:var(--spacing-sm);font-size:var(--font-text)}.register-link a{color:var(--color-primary);font-weight:var(--font-weight-medium);font-size:var(--font-text);text-decoration:none}.register-link a:hover{text-decoration:underline}.login-title{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-secondary);text-align:center;margin-bottom:var(--spacing-sm);background:var(--gradient-bg-primary);-webkit-text-fill-color:transparent;letter-spacing:-.5px;text-shadow:var(--shadow-text-sm);-webkit-background-clip:text;background-clip:text;position:relative}.login-subtitle{font-size:var(--font-text);color:var(--color-text-light);text-align:center;margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-medium);opacity:.9;letter-spacing:.2px;line-height:1.6}.ai-chat-toggle-button{bottom:var(--spacing-lg);right:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-lg);font-size:var(--font-text);font-weight:var(--font-weight-medium);z-index:1000;border:none;transition:all .2s;display:flex;position:fixed}.ai-chat-toggle-button:hover{background:var(--color-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ai-chat-container{bottom:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-bg-white);border-radius:var(--radius-lg);width:420px;max-height:600px;box-shadow:var(--shadow-lg);z-index:1001;flex-direction:column;display:flex;position:fixed;overflow:hidden}.ai-chat-header{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-primary);color:var(--color-white);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.ai-chat-header-content{align-items:center;gap:var(--spacing-sm);display:flex}.ai-chat-header-content h3{font-size:var(--font-medium);font-weight:var(--font-weight-semibold);margin:0}.ai-chat-icon{color:var(--color-white)}.ai-chat-close-button{color:var(--color-white);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.ai-chat-close-button:hover{background:#ffffff1a}.ai-chat-messages{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;flex:1;min-height:300px;max-height:450px;display:flex;overflow-y:auto}.ai-chat-welcome{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.ai-chat-welcome-icon{color:var(--color-primary);margin-bottom:var(--spacing-md);opacity:.7}.ai-chat-welcome p{margin:var(--spacing-xs)0;font-size:var(--font-text)}.ai-chat-hint{font-size:var(--font-small);color:var(--color-text-very-light);font-style:italic}.ai-chat-message{gap:var(--spacing-xs);flex-direction:column;max-width:85%;display:flex}.ai-chat-message-user{align-self:flex-end}.ai-chat-message-assistant{align-self:flex-start}.ai-chat-message-content{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-text);line-height:1.5}.ai-chat-message-user .ai-chat-message-content{background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:var(--radius-xs)}.ai-chat-message-assistant .ai-chat-message-content{background:var(--color-bg-light);color:var(--color-text);border-bottom-left-radius:var(--radius-xs)}.ai-chat-message-content p{margin:0}.ai-chat-message-time{font-size:var(--font-small);color:var(--color-text-very-light);padding:0 var(--spacing-xs)}.ai-chat-apply-button{margin-top:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-small);font-weight:var(--font-weight-medium);border:none;transition:background .2s}.ai-chat-apply-button:hover{background:var(--color-secondary)}.ai-chat-loading{animation:1s linear infinite spin}.ai-chat-error{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-error);color:var(--color-text-error);border-left:3px solid var(--color-error);font-size:var(--font-small);margin:0 var(--spacing-md)var(--spacing-sm)}.ai-chat-input-container{gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light);background:var(--color-bg-light);display:flex}.ai-chat-input{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-text);resize:none;outline:none;flex:1;font-family:inherit;transition:border-color .2s}.ai-chat-input:focus{border-color:var(--color-primary)}.ai-chat-input:disabled{background:var(--color-bg-field);cursor:not-allowed}.ai-chat-send-button{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:44px;transition:background .2s;display:flex}.ai-chat-send-button:hover:not(:disabled){background:var(--color-secondary)}.ai-chat-send-button:disabled{background:var(--color-bg-button-disabled);cursor:not-allowed;opacity:.6}.ai-summary-container{flex-direction:column;gap:1rem;display:flex}.ai-summary-content{line-height:1.6}.ai-grade-section{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;display:flex}.ai-grade-label{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:calc(var(--font-text)*1.1);letter-spacing:.02em}.ai-grade-badge{padding:var(--spacing-sm)var(--spacing-lg);font-weight:var(--font-weight-bold);font-size:calc(var(--font-text)*1.2);text-transform:capitalize;text-align:center;border:2px solid;border-radius:5px;justify-content:center;align-items:center;min-width:120px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.ai-grade-badge:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ai-grade-badge:hover:before{left:100%}.ai-grade-badge:hover{filter:brightness(1.1);transform:translateY(-2px)}.ai-grade-excellent{background:var(--color-success);color:#fff;border-color:var(--color-success)}.ai-grade-good{color:#fff;background:#c2e817;border-color:#c2e817}.ai-grade-acceptable{color:#fff;background:#f59e0c;border-color:#f59e0c}.ai-grade-poor{background:var(--color-error);color:#fff;border-color:var(--color-error)}.ai-grade-not-applicable{background:var(--color-gray-dark);color:#fff;border-color:var(--color-gray-dark)}.ai-details-toggle{border:1px solid var(--color-border,#e0e0e0);color:var(--color-text);cursor:pointer;background-color:#0000;border-radius:.375rem;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.5rem .75rem;font-size:.9rem;transition:all .2s;display:flex}.ai-details-toggle:hover{background-color:var(--color-background-light,#f5f5f5);border-color:var(--color-primary,#3b82f6)}.ai-details-toggle-icon{width:1rem;height:1rem}.ai-details-content{background-color:var(--color-background-light,#fafafa);border:1px solid var(--color-border,#e0e0e0);border-radius:.375rem;margin-top:.5rem;padding:1rem}.ai-summary-h1{color:var(--color-text);margin-top:1rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.ai-summary-h2{color:var(--color-text);margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.3}.ai-summary-h3{color:var(--color-text);margin-top:.75rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.3}.ai-summary-h4{color:var(--color-text);margin-top:.75rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3}.ai-summary-p{color:var(--color-text);margin-top:.5rem;margin-bottom:.5rem}.ai-summary-strong{color:var(--color-text);font-weight:600}.ai-summary-em{font-style:italic}.ai-summary-ul,.ai-summary-ol{margin-top:.5rem;margin-bottom:.5rem;padding-left:1.5rem}.ai-summary-ul{list-style-type:disc}.ai-summary-ol{list-style-type:decimal}.ai-summary-li{margin-top:.25rem;margin-bottom:.25rem;padding-left:.25rem}.ai-summary-table{border-collapse:collapse;border:1px solid var(--color-border,#e0e0e0);border-radius:.375rem;width:100%;margin-top:1rem;margin-bottom:1rem;font-size:.9rem;overflow:hidden}.ai-summary-thead{background-color:var(--color-background-light,#f5f5f5)}.ai-summary-th{text-align:left;border:1px solid var(--color-border,#e0e0e0);background-color:var(--color-background-light,#f5f5f5);padding:.75rem;font-weight:600}.ai-summary-td{border:1px solid var(--color-border,#e0e0e0);vertical-align:top;padding:.75rem}.ai-summary-tr{border-bottom:1px solid var(--color-border,#e0e0e0)}.ai-summary-tbody .ai-summary-tr:nth-child(2n){background-color:var(--color-background-light,#fafafa)}.ai-summary-tbody .ai-summary-tr:hover{background-color:var(--color-background-light,#f0f0f0)}.ai-summary-code{background-color:var(--color-background-light,#f5f5f5);border-radius:.25rem;padding:.125rem .25rem;font-family:Courier New,monospace;font-size:.9em}.ai-summary-blockquote{border-left:3px solid var(--color-primary,#3b82f6);color:var(--color-text-light,#666);margin-top:.5rem;margin-bottom:.5rem;margin-left:0;padding-left:1rem;font-style:italic}.input-field,.file-input,.color-text-input,.phone-input-field{box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-field);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:var(--max-content-width)!important;color:var(--color-text)!important}.input-field:before,.file-input:before,.color-text-input:before,.phone-input-field:before{content:"";background:var(--gradient-bg-shimmer);pointer-events:none;width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.input-field:focus:before,.file-input:focus:before,.color-text-input:focus:before,.phone-input-field:focus:before{left:100%}.input-field::placeholder,.file-input::placeholder,.color-text-input::placeholder,.phone-input-field::placeholder{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.input-field:user-invalid{border-color:var(--color-border-error)!important}.label{font-size:var(--font-text);line-height:20px;font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--spacing-sm);letter-spacing:.025em;display:block}.submit-button{background:var(--gradient-bg-primary);width:100%;color:var(--color-white);font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);letter-spacing:.5px;text-transform:uppercase;border:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.submit-button:before{content:"";background:var(--color-bg-button);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.submit-button:after{content:"";background:var(--color-bg-button-hover);border-radius:var(--radius-md);pointer-events:none;position:absolute;inset:0}.submit-button:hover{box-shadow:var(--shadow-md);background:var(--gradient-bg-primary);transform:translateY(-3px)scale(1.02)}.submit-button:hover:before{left:100%}.submit-button:active{transform:translateY(-1px)scale(1.01)}.submit-button:disabled{background:var(--color-bg-button-disabled);opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-submit-button{margin-top:var(--spacing-md)}.error-message{background:var(--color-bg-error);color:var(--color-text-error);border:1px solid var(--color-border-error);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-top:var(--spacing-sm);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-error);font-size:var(--font-text);font-weight:var(--font-weight-medium);min-height:var(--spacing-md);box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.response-message{font-size:var(--font-text);font-weight:var(--font-weight-medium)}.success-message{background:var(--color-bg-success);color:var(--color-text-success);border:1px solid var(--color-border-success);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-top:var(--spacing-sm);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-success);align-items:center;display:flex}.file-upload-container{flex-direction:column;display:flex}.file-upload-group{align-items:center;display:flex}.file-input{padding:var(--spacing-sm);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--font-text);flex:1}.file-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-hover-primary);outline:none}.upload-loading-container{font-size:var(--font-text);color:var(--color-primary);align-items:center;display:flex}.upload-loading-spinner{height:var(--spacing-md);width:var(--spacing-md);border-width:2px 0;border-color:var(--color-primary);margin-right:var(--spacing-sm);border-radius:50%;animation:1s linear infinite spin;display:inline-block}.file-preview-container{border-radius:20%;width:50%;height:50%;overflow:hidden}.file-preview-image{object-fit:cover;width:100%;height:100%}.import-modal-content{gap:var(--spacing-md);padding:var(--spacing-sm);flex-direction:column;display:flex}.import-modal-description{margin-bottom:var(--spacing-xs)}.import-modal-text{font-size:var(--font-text);color:var(--color-text);margin:0;line-height:1.6}.import-modal-step{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-direction:column;transition:all .2s;display:flex}.import-modal-step:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-sm)}.import-modal-step-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.import-modal-step-number{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));width:28px;height:28px;color:var(--color-white);font-size:var(--font-text);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.import-modal-step-title{font-size:var(--font-medium);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.import-modal-step-description{font-size:var(--font-text);color:var(--color-text-light);margin:0;line-height:1.5}.import-modal-download-btn{width:100%;margin-top:var(--spacing-xs)}.import-modal-file-upload-area{min-height:160px;padding:var(--spacing-lg);border:2px dashed var(--color-border-dark);border-radius:var(--radius-md);background:var(--color-bg-light);cursor:pointer;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}.import-modal-file-upload-area:hover{border-color:var(--color-primary);background:var(--color-bg-transparent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.import-modal-file-upload-area:active{transform:translateY(0)}.import-modal-file-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute}.import-modal-file-upload-content{justify-content:center;align-items:center;gap:var(--spacing-sm);text-align:center;pointer-events:none;z-index:0;flex-direction:column;display:flex}.import-modal-file-icon{color:var(--color-primary);opacity:.8;transition:all .3s}.import-modal-file-upload-area:hover .import-modal-file-icon{opacity:1;transform:scale(1.1)}.import-modal-file-text{gap:var(--spacing-xs);flex-direction:column;margin:0;display:flex}.import-modal-file-text-primary{font-size:var(--font-medium);font-weight:var(--font-weight-semibold);color:var(--color-text)}.import-modal-file-text-secondary{font-size:var(--font-text);color:var(--color-text-light)}.import-modal-file-hint{font-size:var(--font-small);color:var(--color-text-light);margin:0;margin-top:var(--spacing-xs)}.import-modal-file-selected{padding:var(--spacing-md);background:var(--color-bg-success);border:1px solid var(--color-border-success);border-radius:var(--radius-md);transition:all .2s}.import-modal-file-selected-content{align-items:center;gap:var(--spacing-sm);display:flex}.import-modal-file-selected-icon{color:var(--color-success);flex-shrink:0}.import-modal-file-selected-info{flex:1;min-width:0}.import-modal-file-selected-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.import-modal-file-selected-size{font-size:var(--font-small);color:var(--color-text-light);margin:2px 0 0}.import-modal-file-remove{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.import-modal-file-remove:hover{background:var(--color-bg-transparent-black);color:var(--color-error);transform:scale(1.1)}.import-modal-file-remove:active{transform:scale(.95)}.import-modal-actions{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);margin-top:var(--spacing-xs);justify-content:flex-end;display:flex}.import-modal-cancel-btn{min-width:100px}.import-modal-submit-btn{min-width:140px}.register-link{margin-top:var(--spacing-sm);font-size:var(--font-text);color:var(--color-text-light);font-weight:var(--font-weight-medium);letter-spacing:.01em;text-align:center;font-family:inherit;line-height:1.6;display:block}.register-link span,.register-link a{display:inline;font-size:var(--font-text)!important;font-weight:var(--font-weight-medium)!important;vertical-align:middle!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-family:inherit!important;line-height:1.6!important}.register-link a{color:var(--color-primary);margin-left:var(--spacing-sm);text-decoration:none;transition:color .2s;position:relative;font-weight:var(--font-weight-medium)!important}.register-link a:hover{color:var(--color-secondary)}.register-link a:after{content:"";background:var(--gradient-bg-primary);pointer-events:none;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.register-link a:hover:after{width:100%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.submit-button:disabled{animation:2s infinite pulse}.color-input-container{flex-direction:column;display:flex}.color-input-group{align-items:center;gap:var(--spacing-sm);display:flex}.color-picker{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--color-border-dark);box-sizing:border-box;vertical-align:middle;padding:0;height:var(--field-height)!important;width:var(--field-height)!important}.color-text-input{padding:var(--spacing-sm);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-size:var(--font-text);flex:1}.color-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-hover-primary);outline:none}.label{font-size:var(--font-text);line-height:16px;font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-sm);display:block}.input-field,.file-input,.color-text-input,.phone-input-field{box-sizing:border-box;padding:var(--spacing-sm);font-size:var(--font-text);outline:none;transition:border-color .2s ease-in-out;width:100%!important;color:var(--color-text)!important}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--shadow-md)}.phone-input-container{flex-direction:column;gap:0;margin:0;padding:0;display:flex}.phone-input-field{vertical-align:middle;width:100%!important;height:var(--field-height)!important;font-size:var(--font-text)!important;border-radius:0 var(--radius-md)var(--radius-md)0!important;border:1px solid var(--color-border-dark)!important;padding:var(--spacing-sm)!important;border-left:none!important}.phone-input-field:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-hover-primary)!important;outline:none!important}.phone-input-button{vertical-align:middle;border-radius:var(--radius-md)0 0 var(--radius-md)!important;height:var(--field-height)!important;border-right:none!important;border:1px solid var(--color-border-dark)!important;padding:0 var(--spacing-sm)!important}.phone-input-container .react-tel-input{align-items:center;width:100%!important;display:flex!important}.phone-input-field,.react-tel-input .form-control{box-sizing:border-box;width:100%!important;min-width:0!important;padding:var(--spacing-sm)!important}.react-tel-input .flag-dropdown{z-index:1;width:48px!important;min-width:48px!important;max-width:48px!important;padding:var(--spacing-sm)!important;left:0!important}.react-tel-input .form-control{padding:var(--spacing-sm)!important;border-radius:var(--radius-md)!important;margin-left:0!important}.react-tel-input .form-control,.phone-input-field{padding-left:56px!important}.section-header{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text)}.section-header-wrapper{padding-top:var(--spacing-sm);grid-column:span 2}.submit-button{background:var(--color-primary);width:100%;color:var(--color-white);font-size:var(--font-text);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background .2s ease-in-out}.submit-button:hover{background:var(--color-secondary);color:var(--color-white)}.submit-button:disabled{background:var(--color-hover-primary);opacity:.6;cursor:not-allowed}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes backgroundFloat{0%,to{opacity:.8;transform:translate(0)rotate(0)}25%{opacity:.9;transform:translate(-10px,-10px)rotate(1deg)}50%{opacity:1;transform:translate(5px,-15px)rotate(-1deg)}75%{opacity:.9;transform:translate(-5px,-5px)rotate(.5deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.auth-card{animation:8s ease-in-out infinite float}.input-field:focus,.file-input:focus,.color-text-input:focus,.phone-input-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-md);background:var(--color-bg-field);transform:translateY(-1px)}.auth-card:before{content:"";background:var(--gradient-bg-shimmer);border-radius:var(--radius-md);pointer-events:none;z-index:-1;position:absolute;inset:0}.submit-button:disabled{background:var(--color-bg-button-disabled);opacity:.7;cursor:not-allowed;box-shadow:none;animation:2s infinite pulse;transform:none}.auth-card *{transition:all .2s ease-in-out}.login-title{text-shadow:0 2px 4px #0000001a}.login-subtitle{text-shadow:0 1px 2px #0000000d}.submit-button:disabled{background:var(--gradient-bg-shimmer);color:var(--color-bg-button-disabled);background-size:200px 100%;animation:2s infinite shimmer}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message,.success-message{animation:.3s ease-out slideIn}.register-link a{vertical-align:baseline;display:inline-block;position:relative;overflow:hidden}.register-link a:before{content:"";background:var(--gradient-bg-shimmer);pointer-events:none;width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.register-link a:hover:before{left:100%}.header{top:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:calc(var(--header-height) + var(--spacing-sm));background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-sm));box-shadow:var(--shadow-sm);border-bottom:1px solid var(--color-border-light);z-index:1000;padding:0 var(--spacing-sm);align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed}.header-container{justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.logo-section{height:var(--header-height);padding:0 var(--spacing-md);flex-shrink:0;align-items:center;display:flex;position:absolute;left:0}.logo-link{align-items:center;height:100%;transition:transform .2s;display:flex}.logo-link:hover{transform:scale(1.02)}.header-logo{height:var(--header-height);object-fit:contain;width:auto;max-width:180px;filter:var(--shadow-logo-sm);display:block}.logo-loading-spinner{margin-left:var(--spacing-sm);width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness)solid var(--color-border-light);border-top:var(--spinner-thickness)solid var(--color-primary);border-radius:50%;animation:1s linear infinite spin}.actions-section{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);direction:ltr;flex-direction:row;display:flex;position:absolute;right:0}.notification-button{padding:var(--spacing-sm);color:var(--color-border-dark);background:var(--color-bg-transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;order:2;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notification-button:hover{color:var(--color-text);background:var(--color-bg-transparent-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notification-button:active{box-shadow:0 2px 8px var(--shadow-sm);transform:translateY(0)}.notification-badge{background:var(--color-bg-light);color:var(--color-white);border-radius:var(--radius-md);min-width:var(--notification-badge-size);height:var(--notification-badge-size);font-size:var(--font-text);font-weight:var(--font-weight-medium);padding:0 var(--spacing-sm);border:2px solid var(--color-bg-transparent);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;animation:2s infinite pulse;display:flex;position:absolute;top:-4px;right:-4px}.notification-menu{position:relative}.notification-dropdown-menu{margin-top:var(--spacing-sm);width:var(--modal-size-sm);max-height:var(--modal-size-sm);background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);z-index:50;flex-direction:column;animation:.2s cubic-bezier(.4,0,.2,1) slideDown;display:flex;position:absolute;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-light);justify-content:space-between;align-items:center;display:flex}.notification-header h3{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.025em;margin:0}.mark-all-read-btn{cursor:pointer;font-size:var(--font-text);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-border-dark);background:0 0;border:none;transition:all .2s}.mark-all-read-btn:hover{background-color:var(--color-bg-transparent-hover);color:var(--color-primary)}.notification-list{max-height:var(--modal-size-sm);padding:var(--spacing-sm)0;flex:1;overflow-y:auto}.notification-item{padding:var(--spacing-sm)var(--spacing-md);border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:flex-start;transition:all .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--color-bg-light)}.notification-item.unread{background-color:var(--color-bg-transparent-primary);border-left:3px solid var(--color-primary)}.notification-item.unread:hover{background-color:var(--color-bg-transparent-primary-hover)}.notification-content{min-width:0;margin-right:var(--spacing-sm);flex:1}.notification-title{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-md);line-height:1.4}.notification-message{font-size:var(--font-text);color:var(--color-text);margin-bottom:var(--spacing-sm);word-wrap:break-word;line-height:1.5}.notification-time{font-size:var(--font-text);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.mark-read-btn{background:var(--color-bg-transparent);border:1px solid var(--color-border-light);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-left:var(--spacing-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mark-read-btn:hover{background:var(--color-bg-transparent-primary-hover);border-color:var(--color-border-light);transform:scale(1.05)}.mark-read-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-light)}.mark-read-btn:hover .mark-read-icon{color:var(--color-primary)}.notification-loading{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text-light);font-size:var(--font-text);justify-content:center;display:flex}.notification-error-message{margin-top:var(--spacing-sm);font-size:var(--font-text);opacity:.8;color:var(--color-error);font-weight:var(--font-weight-medium)}.no-notifications{padding:var(--spacing-md);color:var(--color-text-light);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-notifications-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);margin-bottom:var(--spacing-sm);opacity:.4;color:var(--color-text-light)}.notification-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-light);justify-content:center;gap:var(--spacing-sm);background:var(--color-bg-transparent);display:flex}.refresh-notifications-btn{background:var(--color-bg-transparent);border:1px solid var(--color-border-light);cursor:pointer;font-size:var(--font-text);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-primary);transition:all .2s}.refresh-notifications-btn:hover{background:var(--color-bg-transparent-primary-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.profile-menu{position:relative}.profile-button{align-items:center;gap:var(--spacing-sm);background:var(--color-bg-transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;padding:var(--spacing-sm);min-height:44px;margin-right:var(--spacing-sm);order:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.profile-button:hover{background:var(--color-bg-transparent-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.profile-initials{width:var(--spacing-lg);height:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-white);box-shadow:var(--shadow-sm);border:2px solid var(--color-white);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:var(--letter-spacing-sm);align-items:center;display:flex}.chevron-icon{margin-left:var(--spacing-sm);width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-primary);transition:transform .2s}.profile-button:hover .chevron-icon{transform:rotate(180deg)}.overlay{z-index:40;cursor:default;background:var(--color-bg-transparent-black);-webkit-backdrop-filter:blur(2px);position:fixed;inset:0}.dropdown-menu{margin-top:var(--spacing-sm);width:var(--dropdown-menu-min-width);background:var(--color-bg-light);-webkit-backdrop-filter:blur(var(--blur-sm));border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);padding:var(--spacing-sm)0;z-index:50;animation:.2s cubic-bezier(.4,0,.2,1) slideDown;position:absolute}.dropdown-item button{all:unset;cursor:pointer;width:100%;padding:var(--spacing-sm)var(--spacing-md);margin:0 -var(--spacing-md);border-radius:var(--radius-sm);align-items:center;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--color-bg-transparent-primary-hover);color:var(--color-primary);transform:translate(2px)}.dropdown-item:hover .dropdown-icon{color:var(--color-primary)}.dropdown-icon{margin-right:var(--spacing-sm);width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-light);transition:color .2s}.sidebar{height:100vh;width:var(--sidebar-width);background:var(--color-bg-light);border-right:1px solid var(--color-border-light);padding:0 var(--spacing-md)var(--spacing-md)var(--spacing-md);height:var(--min-height);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));z-index:50;scrollbar-width:thin;scrollbar-color:var(--color-bg-transparent-primary)transparent;flex-direction:column;justify-content:space-between;transition:width .1s ease-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{height:var(--sidebar-logo-height);align-items:center;display:flex;position:relative}.sidebar-logo{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-lg);height:var(--sidebar-logo-height);min-height:var(--sidebar-logo-height);border-bottom:1px solid var(--color-border-light);box-sizing:border-box;justify-content:flex-start;width:100%;display:flex;overflow:visible}.sidebar-logo .logo-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);background-color:var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-white);justify-content:center;align-items:center;display:flex}.sidebar-logo .sidebar-logo-image{width:auto;max-width:100%;height:var(--header-logo-height);max-height:var(--sidebar-logo-height);object-fit:contain;filter:var(--color-shadow-sm);transition:transform .2s ease-in-out,width .15s ease-in-out,height .15s ease-in-out;display:block}.sidebar-logo .sidebar-logo-image:hover{transform:scale(1.05)}.sidebar-nav{padding:0 var(--spacing-sm);flex-direction:column;flex:1;margin-top:0;display:flex}.sidebar.collapsed{width:var(--collapsed-sidebar-width);padding:0 var(--spacing-sm)var(--spacing-md)var(--spacing-sm)}.sidebar.collapsed~.header{left:var(--collapsed-sidebar-width);width:calc(100% - var(--collapsed-sidebar-width))}.sidebar.collapsed~.main-content,.sidebar.collapsed~.footer{margin-left:var(--collapsed-sidebar-width);width:calc(100% - var(--collapsed-sidebar-width))}.sidebar.collapsed .sidebar-logo span{display:none}.sidebar.collapsed .sidebar-logo{padding-left:var(--spacing-md);padding-right:var(--spacing-md);justify-content:center}.sidebar.collapsed .sidebar-logo .sidebar-logo-image{width:auto;max-width:100%;height:calc(var(--header-logo-height)*.75);max-height:var(--sidebar-logo-height);object-fit:contain;opacity:1;visibility:visible;display:block}.sidebar-logo span{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:var(--letter-spacing-sm);text-shadow:var(--shadow-sm)}.nav-item.has-subitems{cursor:pointer}.nav-item.expanded .icon{transform:rotate(90deg)}.nav-item svg[data-lucide=chevron-right],.nav-item svg[data-lucide=chevron-down]{opacity:.7;transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover svg[data-lucide=chevron-right],.nav-item:hover svg[data-lucide=chevron-down],.nav-item.active svg[data-lucide=chevron-right],.nav-item.active svg[data-lucide=chevron-down]{opacity:1}.sub-nav-container{margin-top:var(--spacing-sm);padding-left:var(--spacing-md);flex-direction:column;display:flex;position:relative}.sub-nav-container:before{content:"";left:var(--spacing-sm);background:var(--color-bg-transparent-primary);border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-text-light);font-size:var(--font-text);font-weight:var(--font-weight-medium);cursor:pointer;border:1px solid #0000;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background:var(--color-bg-transparent-primary-hover);color:var(--color-primary);border-color:var(--color-border-light);transform:translate(2px)}.nav-item.active{background:var(--color-bg-transparent-primary-hover);color:var(--color-primary);box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.nav-item.active:before{content:"";width:var(--scrollbar-width);height:var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-sm);position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav-item .icon{width:var(--icon-size-sm);height:var(--icon-size-sm);flex-shrink:0;transition:transform .2s ease-in-out}.nav-item:hover .icon{transform:scale(1.1)}.nav-item span{white-space:nowrap;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-sm)}.nav-item svg{opacity:.8;flex-shrink:0;transition:transform .2s ease-in-out}.nav-item:hover svg,.nav-item.active svg{opacity:1}.sidebar.collapsed .nav-item{padding:var(--spacing-md)var(--spacing-sm);border-radius:var(--radius-sm);justify-content:center}.sidebar.collapsed .nav-item span{display:none}.sidebar.collapsed .nav-item.active:before{width:3px;height:20px;left:-8px}.sub-nav-item{padding:var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sub-nav-item:hover{background:var(--color-bg-transparent-primary-hover);color:var(--color-primary);border-color:var(--color-border-light);transform:translate(2px)}.sub-nav-item.active{background:var(--color-bg-transparent-primary-hover);color:var(--color-primary);border-color:var(--color-border-dark);font-weight:var(--font-weight-bold)}.sub-nav-item.active:before{content:"";width:var(--scrollbar-width);height:var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-sm);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.sub-nav-icon{color:inherit;opacity:.8;justify-content:center;align-items:center;margin-inline-end:var(--spacing-sm);transition:opacity .2s;display:flex}.sub-nav-item:hover .sub-nav-icon{opacity:1}.sub-nav-item.active .sub-nav-icon{opacity:1;color:var(--color-primary)}#dashboard-container iframe{display:block;border:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important}.dashboard-container{min-height:var(--title-section-height);background-color:var(--color-bg-light)}.dashboard-header{background-color:var(--color-bg-transparent-primary);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md)var(--spacing-lg)}.dashboard-header-container{max-width:var(--max-content-width);margin:0 auto}.dashboard-title{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-text)}.dashboard-subtitle{color:var(--color-text-light);margin-top:var(--spacing-sm)}.dashboard-content{max-width:var(--max-content-width)}.dashboard-metrics-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}@media (min-width:768px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.dashboard-metrics-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-metric-card{background:linear-gradient(135deg,var(--color-bg-white)0%,#fffffff2 100%);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000014}.dashboard-metric-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.dashboard-metric-card:hover{border-color:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 8px 24px #0000001f}.dashboard-metric-card:hover:before{opacity:1}.dashboard-metric-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs);display:flex}.dashboard-metric-title{font-size:var(--font-small);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em;line-height:1.4}.dashboard-metric-badge{border-radius:var(--radius-md);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.dashboard-metric-badge-green{color:#047857;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #05966933}.dashboard-metric-badge-yellow{color:#b45309;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1px solid #d9770633}.dashboard-metric-badge-blue{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #2563eb33}.dashboard-metric-value{margin-bottom:var(--spacing-xs);align-items:baseline;gap:.375rem;display:flex}.dashboard-metric-number{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.dashboard-metric-unit{color:var(--color-text-light);font-size:.875rem;font-weight:var(--font-weight-medium);margin-left:.125rem}.dashboard-metric-footer{align-items:flex-start;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid #0000000d;display:flex}.dashboard-metric-icon{opacity:.8;flex-shrink:0;width:16px;height:16px;margin-top:.125rem}.dashboard-metric-description{color:var(--color-text-light);flex:1;font-size:.875rem;line-height:1.5}.dashboard-charts-grid{column-gap:24px;row-gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.dashboard-charts-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-chart-card{background:linear-gradient(135deg,var(--color-bg-white)0%,#fffffffa 100%);border-radius:var(--radius-lg);min-height:var(--modal-size-sm);border:1px solid #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000a,0 8px 16px #00000014}.dashboard-chart-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.dashboard-chart-card:hover{border-color:#3b82f626;transform:translateY(-2px);box-shadow:0 4px 6px #0000000f,0 12px 24px #0000001f}.dashboard-chart-card:hover:before{opacity:1}.dashboard-chart-header{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#3b82f605 0%,#0000 100%);border-bottom:1px solid #0000000d}.dashboard-chart-title{font-size:1.125rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs);letter-spacing:-.01em;line-height:1.3}.dashboard-chart-subtitle{color:var(--color-text-light);margin-top:.25rem;font-size:.875rem;line-height:1.5}.dashboard-chart-container{height:var(--modal-size-sm);padding-top:var(--spacing-lg);padding-right:var(--spacing-sm);padding-bottom:var(--spacing-lg);padding-left:var(--spacing-sm);background:linear-gradient(135deg,#3b82f603 0%,#8b5cf603 50%,#10b98103 100%);position:relative}.dashboard-chart-center-content{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dashboard-chart-center-text{text-align:center;font-size:var(--font-text)}.dashboard-chart-center-number{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.dashboard-chart-center-label{color:var(--color-text-light);font-size:.875rem;font-weight:var(--font-weight-medium);letter-spacing:.01em}.dashboard-chart-legend{margin-top:var(--spacing-lg)}.dashboard-chart-legend-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-chart-legend-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease-in-out;display:flex}.dashboard-chart-legend-item:hover{background-color:var(--color-bg-light)}.dashboard-chart-legend-color{width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.dashboard-chart-legend-content{flex:1;min-width:0}.dashboard-chart-legend-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-chart-legend-count{font-size:var(--font-text);color:var(--color-text-light)}.dashboard-chart-legend-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-chart-legend-list-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s ease-in-out;display:flex}.dashboard-chart-legend-list-item:hover{background-color:var(--color-bg-light)}.dashboard-chart-legend-list-color{width:var(--icon-size-sm);height:var(--icon-size-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);flex-shrink:0}.dashboard-chart-legend-list-content{flex:1;min-width:0}.dashboard-chart-legend-list-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-chart-legend-list-description{font-size:var(--font-text);color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-chart-legend-list-count{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text);flex-shrink:0}.dashboard-kpi-chart-container{height:240px;padding:var(--spacing-xs)var(--spacing-sm);border-top:1px solid var(--color-border-light);cursor:pointer;background:radial-gradient(circle at 0 0,#3b82f614,#0000),radial-gradient(circle at 100% 100%,#10b98114,#0000);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dashboard-kpi-chart-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.dashboard-kpi-chart-container:hover .dashboard-kpi-center-text{transform:scale(1.02)}.dashboard-kpi-chart-container:hover .dashboard-kpi-icon-wrapper{transform:scale(1.1)rotate(5deg);box-shadow:0 8px 20px #0003}.dashboard-kpi-chart-completion{background:linear-gradient(135deg,#3b82f60d 0%,#2563eb14 50%,#1d4ed80d 100%);border-top:1px solid #3b82f633}.dashboard-kpi-chart-completion:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:3px;transition:opacity .3s,height .3s;position:absolute;top:0;left:0;right:0}.dashboard-kpi-chart-completion:hover:before{opacity:1;height:4px}.dashboard-kpi-chart-ontime{background:linear-gradient(135deg,#10b9810d 0%,#05966914 50%,#0478570d 100%);border-top:1px solid #10b98133}.dashboard-kpi-chart-ontime:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#10b981,#0000);height:3px;transition:opacity .3s,height .3s;position:absolute;top:0;left:0;right:0}.dashboard-kpi-chart-ontime:hover:before{opacity:1;height:4px}.dashboard-kpi-center-text{pointer-events:none;text-align:center;padding:0 var(--spacing-sm);z-index:1;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:0}.dashboard-kpi-icon-wrapper{width:40px;height:40px;margin-bottom:var(--spacing-xs);border-radius:50%;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;animation:2s ease-in-out infinite iconPulse;display:flex;box-shadow:0 4px 12px #0000001a}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.dashboard-kpi-chart-container:hover .dashboard-kpi-icon-wrapper{animation:none}.dashboard-kpi-icon-blue{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.dashboard-kpi-icon-green{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.dashboard-kpi-number{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;line-height:1.1}.dashboard-kpi-chart-completion .dashboard-kpi-number{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-kpi-chart-ontime .dashboard-kpi-number{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-kpi-label{font-size:var(--font-small);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:.01em;margin-top:.25rem}.dashboard-kpi-subtext{color:var(--color-text-light);max-width:200px;margin-top:.25rem;font-size:.75rem;line-height:1.3;transition:color .3s}.dashboard-kpi-chart-container:hover .dashboard-kpi-subtext{color:var(--color-text)}.dashboard-kpi-radial-bar{cursor:pointer;filter:drop-shadow(0 2px 4px #0000001a);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-kpi-chart-container:hover .dashboard-kpi-radial-bar{filter:drop-shadow(0 4px 8px #00000026)}.dashboard-kpi-chart-completion:hover .dashboard-kpi-radial-bar{fill:url(#completionGradientHover)!important}.dashboard-kpi-chart-ontime:hover .dashboard-kpi-radial-bar{fill:url(#ontimeGradientHover)!important}.dashboard-kpi-tooltip-wrapper{background:linear-gradient(135deg,var(--color-bg-white)0%,#fffffffa 100%);border-radius:var(--radius-lg);padding:var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #00000014;animation:.2s ease-out tooltipFadeIn;box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014}.dashboard-kpi-tooltip-content{gap:var(--spacing-xs);text-align:center;flex-direction:column;display:flex}.dashboard-kpi-tooltip-value{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--color-text);line-height:1.2}.dashboard-kpi-tooltip-label{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em}.dashboard-kpi-tooltip-detail{font-size:var(--font-small);color:var(--color-text-light);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid #0000000d}.dashboard-kpi-dual-container{gap:var(--spacing-lg);padding:var(--spacing-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.dashboard-kpi-block{padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-light);gap:var(--spacing-xs);background:linear-gradient(135deg,#0f172a05,#0f172a0f);flex-direction:column;display:flex}.dashboard-kpi-block-header{align-items:center;gap:var(--spacing-xs);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);display:flex}.dashboard-kpi-number-large{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.dashboard-kpi-divider{background:linear-gradient(to bottom,transparent,var(--color-border-light),transparent);width:1px;height:100%}.dashboard-loading-container{background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);padding:var(--spacing-lg)}.dashboard-loading-content{height:var(--modal-size-sm);justify-content:center;align-items:center;display:flex}.dashboard-loading-spinner{align-items:center;gap:var(--spacing-sm);display:flex}.dashboard-loading-icon{border-radius:var(--radius-sm);height:var(--icon-size-sm);width:var(--icon-size-sm);border-bottom:2px solid var(--color-primary);animation:1s linear infinite spin}.dashboard-loading-text{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.dashboard-error-container{background-color:var(--color-bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);padding:1.5rem}.dashboard-error-content{height:var(--modal-size-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-error-header{align-items:center;gap:var(--spacing-sm);color:var(--color-error);display:flex}.dashboard-error-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);background-color:var(--color-error-light);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.dashboard-error-icon-text{font-size:var(--font-text);font-weight:var(--font-weight-bold)}.dashboard-error-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);color:var(--color-text-error)}.dashboard-error-message{color:var(--color-text-error);text-align:center;max-width:var(--modal-size-sm);font-size:var(--font-text)}.dashboard-error-retry-button{padding:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);transition:background-color .2s ease-in-out}.dashboard-error-retry-button:hover{background-color:var(--color-secondary)}.dashboard-bar-chart-container{height:var(--modal-size-sm);padding:var(--spacing-md);border-radius:var(--radius-md);background:linear-gradient(135deg,#f9fafb80 0%,#f3f4f64d 100%);position:relative}.dashboard-bar-interactive{cursor:pointer;filter:drop-shadow(0 2px 4px #0000001a);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-bar-interactive:hover{filter:drop-shadow(0 4px 8px #0003);opacity:.9;transform:translateY(-2px)}.dashboard-bar-chart-container .recharts-cartesian-grid-horizontal line,.dashboard-bar-chart-container .recharts-cartesian-grid-vertical line{stroke:#e5e7eb;stroke-width:1px;opacity:.5}.dashboard-bar-chart-container .recharts-cartesian-axis-tick-value{fill:#6b7280;font-size:.875rem;font-weight:500}.dashboard-bar-chart-container .recharts-bar-rectangle{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-bar-chart-container .recharts-bar-rectangle:hover{filter:brightness(1.1)drop-shadow(0 4px 12px #00000026);transform:translateY(-2px)scale(1.02)}.dashboard-tooltip{background:linear-gradient(135deg,var(--color-bg-white)0%,#fffffffa 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #00000014;box-shadow:0 4px 6px #0000001a,0 8px 16px #00000014}.dashboard-tooltip-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.dashboard-tooltip-icon{font-size:var(--icon-size-sm)}.dashboard-tooltip-title{font-weight:var(--font-weight-bold);color:var(--color-text);font-size:var(--font-text)}.dashboard-tooltip-subtitle{font-size:var(--font-text);color:var(--color-text-light)}.dashboard-tooltip-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-tooltip-row{justify-content:space-between;align-items:center;display:flex}.dashboard-tooltip-label{color:var(--color-text-light);font-size:var(--font-text)}.dashboard-tooltip-value{font-weight:var(--font-weight-bold);font-size:var(--font-text);color:var(--color-text)}.dashboard-tooltip-percentage{font-weight:var(--font-weight-bold);color:var(--color-primary)}.centered-loading-container{height:100%;min-height:var(--min-height-sm);justify-content:center;align-items:center;display:flex}.dashboard-pie-label{text-anchor:middle;dominant-baseline:central;font-size:.875rem;font-weight:var(--font-weight-bold);filter:drop-shadow(0 2px 4px #0003);fill:var(--color-bg-white);letter-spacing:.02em}.dashboard-pie-cell{cursor:pointer;filter:drop-shadow(0 2px 4px #0000001a);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-pie-cell:hover{opacity:.85;filter:drop-shadow(0 4px 8px #00000026);transform:scale(1.02)}.dashboard-bar-tooltip-content{gap:var(--spacing-xs);padding-top:var(--spacing-xs);margin-top:var(--spacing-xs);border-top:1px solid #0000000d;flex-direction:column;display:flex}.dashboard-bar-tooltip-title{font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs);letter-spacing:-.01em;font-size:.9375rem}.dashboard-bar-tooltip-role,.dashboard-bar-tooltip-groups,.dashboard-bar-tooltip-type,.dashboard-bar-tooltip-description{color:var(--color-text-light);padding-left:var(--spacing-xs);font-size:.8125rem;line-height:1.5;position:relative}.dashboard-bar-tooltip-role:before,.dashboard-bar-tooltip-groups:before,.dashboard-bar-tooltip-type:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.dashboard-bar-tooltip-wrapper{background:linear-gradient(135deg,var(--color-bg-white)0%,#fffffffa 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);font-size:var(--font-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.2s ease-out tooltipFadeIn;box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dashboard-bar-tooltip-wrapper-legend{color:var(--color-text-light);font-size:.875rem;font-weight:var(--font-weight-semibold);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);background:#3b82f60d}.button{cursor:pointer;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);padding:var(--spacing-sm);font-size:var(--font-text);border:none;justify-content:center;align-items:center;min-width:80px;text-decoration:none;transition:all .2s;display:inline-flex}.button-small{padding:var(--spacing-sm);font-size:var(--font-small)}.button-medium,.button-large{padding:var(--spacing-sm);font-size:var(--font-text)}.button-primary{background-color:var(--color-primary);color:var(--color-white)}.button-primary:hover{background-color:var(--color-secondary)}.button-secondary{background-color:var(--color-bg-light);color:var(--color-text);border:1px solid var(--color-border-dark)}.button-secondary:hover{background-color:var(--color-border-dark)}.button-brand{color:var(--color-primary);background:0 0}.button-brand:hover{background-color:var(--color-hover-primary)}.button-ghost{color:var(--color-text);background:0 0}.button-ghost:hover{background-color:var(--color-bg-light)}.button-disabled{opacity:.5;cursor:not-allowed}.button-disabled:hover{background-color:inherit}.space-y-6>*+*{margin-top:1rem}.flex{display:flex}.ml-2{margin-left:var(--spacing-sm)}.form-grid{gap:var(--spacing-sm)var(--spacing-lg);width:var(--max-content-width);box-sizing:border-box;grid-template-columns:1fr;display:grid}.form-grid-2{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);grid-template-columns:1fr;display:grid}.form-column{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-column .form-spacing:last-child{margin-bottom:0}.form-card{background:var(--color-bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:0;position:relative;overflow:hidden}.form-card:before{content:"";background:var(--color-border-light);height:0;position:absolute;top:0;left:0;right:0}.form-label{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-sm);display:block}.form-select-field{box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-field);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:var(--max-content-width)!important;color:var(--color-text)!important}.form-select-field:before{content:"";width:var(--max-content-width);height:var(--max-content-width);background:var(--gradient-bg-shimmer);pointer-events:none;transition:left .6s;position:absolute;top:0;left:-100%}.form-select-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field);transform:translateY(-1px)}.form-select-field:user-invalid{border-color:var(--color-border-error)!important}.form-select-field:focus:before{left:100%}.form-select-field:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.7}.form-textarea-field{box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-field);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-weight:var(--font-weight-medium);resize:vertical;min-height:var(--field-textarea-min-height);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:var(--max-content-width)!important;color:var(--color-text)!important}.form-textarea-field:before{content:"";width:var(--max-content-width);height:var(--max-content-width);background:var(--gradient-bg-shimmer);pointer-events:none;transition:left .6s;position:absolute;top:0;left:-100%}.form-textarea-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field);transform:translateY(-1px)}.form-textarea-field:user-invalid{border-color:var(--color-border-error)!important}.form-textarea-field:focus:before{left:100%}.form-textarea-field:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.7}.form-textarea-field::placeholder{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.form-text-field{box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-field);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:var(--max-content-width)!important;color:var(--color-text)!important}.form-text-field:before{content:"";width:var(--max-content-width);height:var(--max-content-width);background:var(--gradient-bg-shimmer);pointer-events:none;transition:left .6s;position:absolute;top:0;left:-100%}.form-text-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field);transform:translateY(-1px)}.form-text-field:user-invalid{border-color:var(--color-border-error)!important}.form-text-field:focus:before{left:100%}.form-text-field:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.7}.form-text-field::placeholder{color:var(--color-text-light);font-weight:var(--font-weight-medium)}.asset-param-card{background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-sm);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.asset-param-header{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.asset-param-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-text-light);margin-right:var(--spacing-sm)}.asset-param-title{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.asset-param-category-badge{font-size:var(--font-text-xs);color:var(--color-text-light);background:var(--color-bg-light);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.asset-param-date-container{background:var(--color-bg-light);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.asset-param-date-label{color:var(--color-text-light);margin-bottom:var(--spacing-xs);align-items:center;display:flex}.asset-param-date-value{font-weight:var(--font-weight-medium)}.asset-param-photo-container{border-radius:var(--radius-sm);width:100%;height:16rem;position:relative;overflow:hidden}.asset-param-photo-image{object-fit:cover;width:100%;height:100%}.asset-param-photo-caption{margin-top:var(--spacing-sm);font-size:var(--font-text-sm);color:var(--color-text-light)}.asset-param-file-button{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--font-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text);background:var(--color-bg-field);align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.asset-param-file-button:hover{background:var(--color-bg-light);border-color:var(--color-border)}.asset-param-file-button:focus{ring:2px;ring-offset:2px;ring-color:var(--color-primary);outline:none}.asset-param-file-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.asset-param-empty-state{background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.asset-param-empty-content{text-align:center;color:var(--color-text-light)}.asset-param-empty-icon{height:var(--icon-size-lg);width:var(--icon-size-lg);margin:0 auto var(--spacing-sm);color:var(--color-text-lighter)}.asset-param-empty-text{font-size:var(--font-text-sm)}.form-datetime-field{box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-field);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));font-weight:var(--font-weight-medium);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:var(--max-content-width)!important;color:var(--color-text)!important}.form-datetime-field:before{content:"";width:var(--max-content-width);height:var(--max-content-width);background:var(--gradient-bg-shimmer);pointer-events:none;transition:left .6s;position:absolute;top:0;left:-100%}.form-datetime-field:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field);transform:translateY(-1px)}.form-datetime-field:focus:before{left:100%}.form-datetime-field:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.7}.form-checkbox-container{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.form-checkbox{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-primary);background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:border-color .2s}.form-checkbox:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-border-primary)}.form-checkbox:disabled{background-color:var(--color-bg-light);cursor:not-allowed;opacity:.7}.form-checkbox-label{margin-left:var(--spacing-sm);font-size:var(--font-text);color:var(--color-text);cursor:pointer}.form-checkbox:disabled+.form-checkbox-label{cursor:not-allowed;opacity:.7}.form-spacing{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-field);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:all .2s;position:relative}.form-spacing:hover{background:var(--color-bg-transparent-primary-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-spacing:last-child{margin-bottom:0}.form-spacing:not(:last-child):after{content:"";bottom:-var(--spacing-sm);left:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);height:1px;position:absolute}.form-helper-text{font-size:var(--font-small);color:var(--color-text-light);margin-top:var(--spacing-sm)}.small-loading-container{font-size:var(--font-text);color:var(--color-primary);align-items:center;display:flex}.small-loading-spinner{height:var(--icon-size-sm);width:var(--icon-size-sm);border-width:2px 0;border-color:var(--color-primary);border-radius:50%;animation:1s linear infinite spin;display:inline-block}.logo-container{border-radius:20%;width:50%;height:50%;overflow:hidden}.logo-image{object-fit:cover;width:100%;height:100%}.password-hint{font-size:var(--font-small);color:var(--color-text);margin-top:var(--spacing-sm)}.page-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:var(--spacing-sm);margin:0}.page-title-small{font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);color:var(--color-secondary);line-height:var(--spacing-sm);margin:0}.page-title-large{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-secondary);line-height:var(--spacing-sm);margin:0}.page-subtitle,.page-subtitle-large{color:var(--color-text);margin-top:var(--spacing-lg);font-size:var(--font-text);line-height:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.page-header-container{background-color:var(--color-white);border-bottom:2px solid var(--color-border-primary);padding:var(--spacing-lg);min-height:var(--page-header-height);height:auto;width:var(--max-content-width);min-width:var(--max-content-width);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg)}.page-header-content{max-width:var(--max-content-width);margin:0 auto}.page-header-simple{padding:var(--spacing-sm)0;margin-bottom:var(--spacing-sm)}.page-header-with-actions{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.page-header-text{flex:1;min-width:0}.page-header-actions{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;margin-left:0;padding-left:0;display:flex}.page-header-actions-left{justify-content:flex-start;align-items:center;margin-left:-12px;display:flex}.page-header-actions-right{justify-content:flex-end;align-items:center;gap:var(--spacing-md);display:flex}.page-header-breadcrumb{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-text);color:var(--color-text);display:flex}.page-header-breadcrumb-item{align-items:center;gap:var(--spacing-sm);display:flex}.page-header-breadcrumb-separator{color:#d1d5db}.page-header-breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s ease-in-out}.page-header-breadcrumb-link:hover{color:#374151}.page-header-breadcrumb-current{color:#111827;font-weight:500}.page-header-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm);display:inline-flex}.page-header-badge-success{color:var(--color-success);background-color:var(--color-bg-success)}.page-header-badge-warning{color:#d97706;background-color:#fef3c7}.page-header-badge-error{color:var(--color-error);background-color:var(--color-bg-error)}.page-header-badge-info{color:#2563eb;background-color:#dbeafe}.page-header-badge-neutral{color:#6b7280;background-color:#f3f4f6}.page-header-back-button{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);cursor:pointer;background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.page-header-back-button:hover{color:var(--color-primary)}.page-header-back-icon{stroke-width:2.5px;width:20px;height:20px}.page-container{gap:var(--spacing-lg);min-height:calc(var(--min-height) - var(--header-height));width:var(--max-content-width);max-width:var(--max-content-width);padding:var(--spacing-lg);background-color:var(--color-bg-light);flex-direction:column;display:flex}.page-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.btn-primary{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-primary);border-radius:var(--radius-md);align-items:center;display:flex}.btn-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-right:var(--spacing-sm)}.btn-primary:hover{background-color:var(--color-secondary)}.btn-primary:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--color-primary);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:none}.btn-inactive{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-bg-button-disabled);border-radius:var(--radius-md);margin-right:var(--spacing-sm);align-items:center;display:flex}.btn-inactive:hover{background-color:var(--color-bg-button-disabled)}.btn-inactive:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--color-primary);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:none}.btn-warning{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-white);background-color:var(--color-error);border-radius:var(--radius-md);margin-right:var(--spacing-sm);align-items:center;display:flex}.btn-warning:hover{background-color:var(--color-text-error)}.btn-warning:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--color-primary);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);outline:none}.error-display{min-height:5vh;color:var(--color-text-error);justify-content:center;align-items:center;display:flex}.card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.title{font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.text{margin-top:var(--spacing-sm);color:var(--color-text);font-size:var(--font-text)}.table-container{background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:auto hidden}.table{min-width:var(--max-content-width);border-collapse:separate;border-spacing:0;background-color:var(--color-white);table-layout:fixed;width:100%}.table tbody{background-color:var(--color-white)}.table tbody tr{border-bottom:none}.table tbody tr:hover{background-color:var(--color-bg-light)}.table-header{background-color:var(--color-bg-light);font-size:var(--font-text);line-height:var(--spacing-md);font-weight:var(--font-weight-medium);color:var(--color-primary)}.table-header th{padding:var(--spacing-sm)var(--spacing-lg);text-align:left;font-size:var(--font-text);font-weight:var(--font-weight-medium);text-transform:uppercase;color:var(--color-text);letter-spacing:var(--letter-spacing-sm)}.table-row{position:relative;border-bottom:20px solid var(--color-border-dark)!important}.table-row:hover{background-color:var(--color-bg-transparent-hover)}.table-row-selected{background-color:var(--color-bg-transparent-primary);border-left:4px solid var(--color-primary);position:relative;border-bottom:20px solid var(--color-border-primary)!important}.table-row-selected:hover{background-color:var(--color-bg-transparent-primary-hover)}.table-cell{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-text);color:var(--color-text);vertical-align:middle;height:60px}.table-cell-actions{text-align:right;z-index:20;min-width:120px;padding:var(--spacing-sm);vertical-align:middle;width:120px;height:100%;position:relative}.color-swatch{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);width:24px;height:24px;display:inline-block}.action-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);display:inline-block}.btn-action{color:var(--color-primary);margin-right:var(--spacing-sm);transition:color .2s}.btn-action:hover{color:var(--color-secondary)}.btn-delete{color:var(--color-error);transition:color .2s}.btn-delete:hover{color:var(--color-text-error)}.modal-overlay{background:var(--color-bg-transparent-black);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));padding:var(--spacing-md);z-index:1001;justify-content:center;align-items:center;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}}.modal-container{min-height:100vh;width:var(--max-content-width);justify-content:center;align-items:center;animation:.3s ease-out modalSlideIn;display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop{z-index:-1;background:0 0;position:fixed;inset:0}.modal-content{background:var(--color-bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:var(--max-content-width);max-width:var(--modal-width-md);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.modal-content-small{background:var(--color-bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:var(--max-content-width);max-width:var(--modal-width-sm);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.modal-content-large{background:var(--color-bg-white);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:var(--max-content-width);max-width:var(--modal-width-lg);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.modal-content:before{content:"";background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);height:1px;position:absolute;top:0;left:0;right:0}.modal-header{padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex;position:relative}.modal-header:after{content:"";background:linear-gradient(90deg,transparent,var(--color-border-light),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.modal-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);color:var(--color-text);letter-spacing:-.025em;margin:0;line-height:1.3;position:relative}.modal-title:before{content:"";background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px;width:3px;height:20px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.modal-close-button{background:var(--color-bg-transparent-hover);border:1px solid var(--color-border-light);color:var(--color-text-light);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-close-button:hover{color:var(--color-error);background:var(--color-bg-error);border-color:var(--color-border-error);box-shadow:var(--shadow-sm);transform:scale(1.05)}.permissions-table{border-collapse:collapse;min-width:100%}.permissions-table thead{background-color:var(--color-bg-light)}.permissions-table th{padding:var(--spacing-sm)var(--spacing-md);text-align:left;font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-light);min-width:80px}.permissions-table th:first-child{background-color:var(--color-bg-light);z-index:10;min-width:120px;position:sticky;left:0}.permissions-table th:not(:first-child){text-align:center}.permissions-table tbody{background-color:var(--color-bg-white)}.permissions-table td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;font-size:var(--font-text);color:var(--color-text);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.permissions-table td:first-child{background-color:var(--color-bg-white);z-index:10;font-weight:var(--font-weight-medium);position:sticky;left:0}.permissions-table td:not(:first-child){text-align:center}.permissions-table tbody tr:hover{background-color:var(--color-bg-light)}.permission-toggle-button{padding:var(--spacing-xs);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:24px;min-height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.permission-toggle-button.authorized{background-color:var(--color-bg-success);color:var(--color-success)}.permission-toggle-button.authorized:hover{background-color:var(--color-border-success);transform:scale(1.05)}.permission-toggle-button.unauthorized{background-color:var(--color-bg-error);color:var(--color-error)}.permission-toggle-button.unauthorized:hover{background-color:var(--color-border-error);transform:scale(1.05)}.permission-toggle-button.disabled{color:var(--color-text-very-light);cursor:not-allowed}.permissions-table-container{border-radius:var(--radius-sm);overflow-x:auto}.permissions-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.permission-section{flex-direction:column;gap:0;display:flex}.permission-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--spacing-sm)var(--spacing-md);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-light);border-radius:var(--radius-sm)var(--radius-sm)0 0;margin:0}.permission-section-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-bottom:2px solid var(--color-border-light);background-color:var(--color-bg-light);border-radius:var(--radius-sm)var(--radius-sm)0 0;-webkit-user-select:none;user-select:none;cursor:pointer;font-size:var(--font-text);transition:all .2s;display:flex}.permission-section-header:hover{background-color:var(--color-bg-transparent-primary)}.permission-section-header svg{color:var(--color-text-light);transition:transform .2s}.permissions-table-container.collapsed{max-height:0;transition:max-height .3s ease-in-out;overflow:hidden}.modal-close-button:active{transform:scale(.95)}.modal-close-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform .2s}.modal-close-button:hover .modal-close-icon{transform:rotate(90deg)}.modal-body{padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-white);max-height:calc(100vh - 200px);overflow-y:auto}.modal-close-btn{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text);transition:color .2s;position:absolute}.modal-close-btn:hover{color:var(--color-primary)}.error-icon{color:var(--color-error);margin-right:var(--spacing-sm)}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr;display:grid}.tasks-section{background:var(--color-white);border-radius:var(--radius-md);box-shadow:0 1px 3px var(--shadow-md);padding:var(--spacing-lg)}.tasks-header{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.grid-2-cols{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}.org-field-group{margin-top:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;display:flex}.color-preview{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.color-swatch{width:var(--spacing-lg);height:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border-dark)}.color-input{width:var(--spacing-lg);height:var(--spacing-lg);border:1px solid var(--color-border-dark);border-radius:var(--radius-sm)}.org-logo-section{margin-bottom:var(--spacing-lg);width:100%}.org-logo-container{border-radius:var(--radius-md);border:1px solid var(--color-border-light);width:128px;height:128px;overflow:hidden}.org-logo-image{object-fit:contain;width:100%;height:100%}.org-brand-section{margin-bottom:var(--spacing-lg)}.org-color-swatch{width:var(--spacing-lg);height:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border-dark);vertical-align:middle;margin-right:var(--spacing-sm);display:inline-block}.org-color-swatch-small{width:var(--spacing-md);height:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-dark);vertical-align:middle;margin-right:var(--spacing-sm);display:inline-block}.org-color-swatch-large{width:var(--spacing-lg);height:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border-dark);vertical-align:middle;margin-right:var(--spacing-sm);display:inline-block}.app-container>main,.app-container>.main-content{margin-top:64px!important}.tasks-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.tasks-title{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--spacing-sm)}.tasks-count{font-size:var(--font-text);color:var(--color-text-light);margin-top:var(--spacing-xs,2px)}.tasks-toolbar{justify-content:flex-end;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.select-field{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);color:var(--color-text);background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-md);outline:none;min-width:140px;margin-right:0;transition:border-color .2s}.select-field:focus{border-color:var(--color-primary)}.view-toggle-group{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-field);align-items:center;display:flex;overflow:hidden}.btn-icon{padding:var(--spacing-sm);color:var(--color-text-light);font-size:var(--icon-size-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.btn-icon-small{padding:var(--spacing-xs);font-size:var(--font-small);border-radius:var(--radius-sm);cursor:pointer;z-index:30;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative;overflow:visible}.btn-icon-small.button-primary{color:var(--color-primary)}.btn-icon-small.button-primary:hover{background:var(--color-bg-transparent-primary)}.btn-icon.button-primary{background:var(--color-bg-transparent-primary);color:var(--color-primary)}.btn-icon.button-ghost{color:var(--color-text-light);background:0 0}.btn-new,.btn-export{font-weight:var(--font-weight-medium);font-size:var(--font-text);align-items:center;gap:var(--spacing-sm);display:flex}.action-buttons{justify-content:flex-end;align-items:center;gap:var(--spacing-sm);z-index:50;width:100%;height:100%;min-height:32px;margin:0;padding:0;display:flex;position:relative;overflow:visible}.action-buttons button{cursor:pointer;z-index:11;min-width:32px;min-height:32px;color:var(--color-text-light);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.action-buttons button:hover{box-shadow:var(--shadow-sm);color:var(--color-primary);background:var(--color-bg-transparent-primary);transform:translateY(-1px)}.action-buttons button:active{transform:translateY(0)}.btn-icon-small[data-variant=default]{color:var(--color-text-light);background:0 0;border:1px solid #0000}.btn-icon-small[data-variant=default]:hover{color:var(--color-primary);background:var(--color-bg-transparent-primary);border-color:var(--color-primary)}.btn-icon-small[data-variant=danger]{color:var(--color-text-light);background:0 0;border:1px solid #0000}.btn-icon-small[data-variant=danger]:hover{color:var(--color-error);background:var(--color-bg-error);border-color:var(--color-error)}.btn-icon-small[data-variant=warning]{color:var(--color-text-light);background:0 0;border:1px solid #0000}.btn-icon-small[data-variant=warning]:hover{color:var(--color-warning);background:var(--color-bg-warning);border-color:var(--color-warning)}.btn-icon-small[data-variant=success]{color:var(--color-text-light);background:0 0}.btn-icon-small[data-variant=success]:hover{color:var(--color-success);background:var(--color-bg-success)}.spinner{width:var(--icon-size-sm);height:var(--icon-size-sm);border:2px solid var(--color-white);border-top:2px solid var(--color-primary);margin-right:var(--spacing-sm);vertical-align:middle;border-radius:50%;animation:1s linear infinite spin;display:inline-block}.icon{width:var(--icon-size-sm);height:var(--icon-size-sm);vertical-align:middle;display:inline-block}.mr-2{margin-right:var(--spacing-sm)}.task-status-badge{padding:2px var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);border-radius:var(--rounded-full);background:var(--task-status-badge-bg,var(--color-bg-light));min-width:60px;color:var(--task-status-badge-color,var(--color-text));justify-content:center;align-items:center;display:inline-flex}.task-priority-badge{padding:2px var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);border-radius:var(--rounded-full);background:var(--task-priority-badge-bg,var(--color-bg-light));min-width:60px;color:var(--task-priority-badge-color,var(--color-text));justify-content:center;align-items:center;display:inline-flex}.task-timeline{flex-direction:column;display:flex}.task-timeline-row{font-size:var(--font-text);justify-content:space-between;align-items:center;display:flex}.task-timeline-label{color:var(--color-text-light);font-size:var(--font-text)}.task-timeline-date{color:var(--color-text);font-size:var(--font-text)}.task-timeline-bar{border-radius:var(--radius-sm);opacity:.7;background:var(--task-timeline-bar-bg,var(--color-primary));width:100%;height:4px;margin:2px 0}.tasks-pagination{gap:var(--spacing-sm);padding:var(--spacing-sm)0;border-top:1px solid var(--color-bg-light);flex-direction:column;display:flex}.tasks-pagination-mobile{justify-content:space-between;width:100%;margin-bottom:8px;display:flex}.tasks-pagination-desktop{justify-content:space-between;align-items:center;width:100%;display:flex}.tasks-pagination-nav{align-items:center;display:flex}.dropdown-list{min-width:var(--dropdown-menu-min-width);padding:var(--spacing-sm)0;flex-direction:column;display:flex}.dropdown-item{width:var(--max-content-width);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;transition:background .2s,color .2s;display:flex}.dropdown-item:hover{background:var(--color-bg-light);color:var(--color-primary)}.text-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.text-muted{color:var(--color-text-light);font-size:var(--font-text)}.text{font-size:var(--font-text);color:var(--color-text)}.task-main-card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-text)}.task-header{background-color:var(--color-white);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.task-header-content,.task-header-left{align-items:center;gap:var(--spacing-md);display:flex}.task-back-button{color:var(--color-text-light);align-items:center;transition:color .2s;display:flex}.task-back-button:hover{color:var(--color-text)}.task-back-icon{width:20px;height:20px}.task-back-text{margin-left:var(--spacing-sm);font-size:var(--font-text)}.task-number{font-size:var(--font-text);color:var(--color-text-light)}.task-status-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium)}.task-priority-badge{font-size:var(--font-text);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);align-items:center;display:flex}.task-priority-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-info{background-color:var(--color-bg-light);padding:var(--spacing-md)var(--spacing-lg)}.task-info-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.task-info-title{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-info-content{margin-bottom:var(--spacing-md);flex-direction:column;justify-content:space-between;display:flex}.task-info-left{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.task-info-project{align-items:center;display:flex}.task-info-project-icon{height:var(--icon-size-md);width:var(--icon-size-md);background-color:var(--color-primary);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.task-info-project-icon-svg{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-white)}.task-info-project-content{flex-direction:column;display:flex}.task-info-project-label{font-size:var(--font-text);color:var(--color-text-light)}.task-info-project-name{font-weight:var(--font-weight-medium);font-size:var(--font-text)}.task-info-right,.task-info-date-group{gap:var(--spacing-md);display:flex}.task-info-date-item{flex-direction:column;display:flex}.task-info-date-label{font-size:var(--font-text);color:var(--color-text-light);margin-bottom:var(--spacing-sm);align-items:center;display:flex}.task-info-date-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-info-date-value{font-weight:var(--font-weight-medium);font-size:var(--font-text)}.task-info-asset{margin-bottom:var(--spacing-md);align-items:center;display:flex}.task-info-asset-icon{height:var(--icon-size-md);width:var(--icon-size-md);background-color:var(--color-primary);border-radius:var(--radius-sm);margin-right:var(--spacing-sm);justify-content:center;align-items:center;display:flex}.task-info-asset-icon-svg{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-white)}.task-info-asset-content{flex-direction:column;display:flex}.task-info-asset-label{font-size:var(--font-text);color:var(--color-text-light)}.task-info-asset-name{font-weight:var(--font-weight-medium);font-size:var(--font-text)}.task-info-progress{margin-top:var(--spacing-md)}.task-info-progress-header{font-size:var(--font-text);margin-bottom:var(--spacing-sm);justify-content:space-between;display:flex}.task-info-progress-label,.task-info-progress-percentage{color:var(--color-text)}.task-info-progress-bar{width:var(--max-content-width);background-color:var(--color-border-light);border-radius:var(--rounded-full);height:var(--spacing-sm)}.task-info-progress-fill{background-color:var(--color-primary);height:var(--spacing-sm);border-radius:var(--rounded-full);transition:width .3s}.task-content{padding:var(--spacing-lg)}.task-content-layout{gap:var(--spacing-lg);flex-direction:column;display:flex}.task-sidebar{width:var(--max-content-width);gap:var(--spacing-lg);flex-direction:column;display:flex}.task-main-content{width:var(--max-content-width)}.task-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--spacing-md)}.task-user-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--spacing-sm)}.task-user-card-title{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);text-transform:uppercase}.task-user-card-content{align-items:center;display:flex}.task-user-card-avatar{margin-right:var(--spacing-md)}.task-user-card-avatar-placeholder{height:var(--icon-size-md);width:var(--icon-size-md);background-color:var(--color-border-light);border-radius:50%;justify-content:center;align-items:center;display:flex}.task-user-card-avatar-icon{height:var(--icon-size-md);width:var(--icon-size-md);color:var(--color-text-light)}.task-user-card-info{flex-direction:column;display:flex}.task-user-card-name{font-weight:var(--font-weight-medium);font-size:var(--font-text)}.task-user-card-role{font-size:var(--font-text);color:var(--color-text-light)}.task-section{margin-bottom:var(--spacing-md)}.task-section-button{width:var(--max-content-width);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.task-section-button-collapsed{background-color:var(--color-bg-light);color:var(--color-text)}.task-section-button-expanded{background-color:var(--color-primary);color:var(--color-white)}.task-section-button-content{align-items:center;display:flex}.task-section-icon{margin-right:var(--spacing-sm)}.task-section-title{font-weight:var(--font-weight-medium);font-size:var(--font-text)}.task-section-chevron{height:var(--icon-size-sm);width:var(--icon-size-sm)}.task-section-content{margin-top:var(--spacing-md)}.task-item{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md)}.task-item-header{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.task-item-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-text-light);margin-right:var(--spacing-sm)}.task-item-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.task-item-value-badge{background-color:var(--color-bg-light);color:var(--color-primary);font-size:var(--font-text);font-weight:var(--font-weight-medium);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);display:inline-block}.task-item-value-text{color:var(--color-text-light);font-size:var(--font-text)}.task-history-item{background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .2s}.task-history-item:hover{border-color:var(--color-border-dark)}.task-history-item-header{justify-content:space-between!important;align-items:flex-start!important;gap:var(--spacing-md)!important;flex-wrap:wrap!important;display:flex!important}.task-history-item-user{flex-shrink:0!important;align-items:center!important;display:flex!important}.task-history-item-avatar{height:var(--icon-size-md);width:var(--icon-size-md);background-color:var(--color-bg-light);margin-right:var(--spacing-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-history-item-avatar-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-text-light)}.task-history-item-user-info{align-items:center!important;gap:var(--spacing-md)!important;flex-wrap:wrap!important;display:flex!important}.task-history-item-user-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text);white-space:nowrap!important}.task-history-item-status{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--rounded-full);font-size:var(--font-text);font-weight:var(--font-weight-medium);white-space:nowrap!important}.task-history-item-metadata{font-size:var(--font-text);min-width:0;gap:var(--spacing-sm)!important;flex-flow:column!important;flex-shrink:1!important;align-items:flex-end!important;margin-left:auto!important;display:flex!important}.task-history-item-duration{gap:var(--spacing-xs)!important;white-space:nowrap!important;flex-flow:row!important;flex-shrink:0!important;align-items:center!important;display:inline-flex!important}.task-history-item-dates{min-width:0;gap:var(--spacing-md)!important;flex-flow:wrap!important;flex-shrink:1!important;justify-content:flex-end!important;align-items:center!important;display:inline-flex!important}.task-history-item-date-item{gap:var(--spacing-xs)!important;white-space:nowrap!important;flex-flow:row!important;flex-shrink:0!important;align-items:center!important;display:inline-flex!important}.task-history-item-label{color:var(--color-text-light);white-space:nowrap!important;flex-shrink:0!important;display:inline!important}.task-history-item-value{font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap!important;flex-shrink:0!important;display:inline!important}.task-history-item-comment{align-items:flex-start;gap:var(--spacing-sm);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.task-history-item-comment-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-primary);flex-shrink:0;margin-top:2px}.task-history-item-comment-content{font-size:calc(var(--font-text)*.9);color:var(--color-primary);flex:1;line-height:1.4}.task-history-item-gps{background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-top:var(--spacing-sm);z-index:1;position:relative}.task-history-item-gps-header{margin-bottom:var(--spacing-xs);align-items:center;display:flex}.task-history-item-gps-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-primary);margin-right:var(--spacing-xs)}.task-history-item-gps-title{font-size:calc(var(--font-text)*.85);font-weight:var(--font-weight-medium);color:var(--color-primary)}.task-details-gps-container{font-size:calc(var(--font-text)*.8);z-index:1;position:relative}.task-details-gps-map{margin-bottom:var(--spacing-xs);z-index:1;max-height:120px;position:relative;overflow:hidden}.task-details-gps-map *{z-index:1!important}.task-details-gps-coordinates{color:var(--color-text-light);font-size:calc(var(--font-text)*.75);line-height:1.3}.task-empty-state{height:var(--modal-size-sm);background-color:var(--color-bg-light);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.task-empty-state-icon{height:var(--icon-size-md);width:var(--icon-size-md);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.task-empty-state-text{color:var(--color-text-light);font-size:var(--font-subtitle)}.task-loading-container{height:var(--modal-size-sm);justify-content:center;align-items:center;display:flex}.task-error-container{height:var(--modal-size-sm);color:var(--color-error);justify-content:center;align-items:center;display:flex}.task-error-icon{height:var(--icon-size-md);width:var(--icon-size-md);margin-right:var(--spacing-sm)}.task-error-text{font-size:var(--font-text)}.task-section-content-wrapper{margin-bottom:var(--spacing-lg)}.task-section-title-large{font-weight:var(--font-weight-medium);font-size:var(--font-small);margin-bottom:var(--spacing-md)}.task-items-grid{gap:var(--spacing-md);flex-direction:column;display:flex}.task-empty-text{font-size:var(--font-text);color:var(--color-text-light);font-style:italic}.task-location-link{background-color:var(--color-bg-light);border-radius:var(--radius-md);height:var(--modal-size-sm);justify-content:center;align-items:center;text-decoration:none;transition:background-color .2s;display:flex}.task-location-link:hover{background-color:var(--color-border-light)}.task-location-placeholder{background-color:var(--color-bg-light);border-radius:var(--radius-md);height:var(--modal-size-sm);justify-content:center;align-items:center;display:flex}.task-location-icon{height:var(--icon-size-md);width:var(--icon-size-md);color:var(--color-text-light);margin-right:var(--spacing-sm)}.task-location-text{font-size:var(--font-text);color:var(--color-text-light)}.task-gps-container{margin-top:var(--spacing-sm)}.task-gps-coordinates{margin-top:var(--spacing-sm);font-size:var(--font-text);color:var(--color-text-light)}.task-photo-container{margin-top:var(--spacing-sm)}.task-photo-wrapper{width:var(--max-content-width);max-width:var(--modal-size-sm);aspect-ratio:4/3;border-radius:var(--radius-md);margin:0 auto;position:relative;overflow:hidden}.task-photo-image{width:var(--max-content-width);height:var(--max-content-width);object-fit:contain}.task-photo-caption{margin-top:var(--spacing-sm);font-size:var(--font-text);color:var(--color-text-light);text-align:center}.task-file-container{margin-top:var(--spacing-sm)}.task-file-link{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.task-file-link:hover{background-color:var(--color-bg-light)}.task-file-link:focus{box-shadow:0 0 0 2px var(--color-primary);outline:none}.task-file-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-loading{min-height:var(--modal-size-sm);justify-content:center;align-items:center;display:flex}.task-details-loading-content{text-align:center}.task-details-loading-text{margin-top:var(--spacing-md);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.task-details-error{min-height:var(--modal-size-sm);justify-content:center;align-items:center;display:flex}.task-details-error-content{text-align:center}.task-details-error-icon{height:var(--icon-size-xl);width:var(--icon-size-xl);color:var(--color-error);margin:0 auto var(--spacing-md)}.task-details-error-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.task-details-error-message{color:var(--color-text-light);margin-bottom:var(--spacing-lg)}.task-details-error-button{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);transition:background-color .2s}.task-details-error-button:hover{background-color:var(--color-secondary)}.task-details-back-button{padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);align-items:center;transition:background-color .2s;display:inline-flex}.task-details-back-button:hover{background-color:var(--color-bg-light)}.task-details-back-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-header{background:var(--color-bg-transparent-primary-hover);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.task-details-header-content{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.task-details-header-left{align-items:center;gap:var(--spacing-md);display:flex}.task-details-header-main{align-items:center;display:flex}.task-details-header-icon{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm);border-radius:var(--radius-md)}.task-details-header-icon svg{height:var(--icon-size-md);width:var(--icon-size-md)}.task-details-header-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-header-subtitle{color:var(--color-text-light);margin-top:var(--spacing-sm);font-size:var(--font-text)}.task-details-header-badges{margin-top:var(--spacing-md);align-items:center;display:flex}.task-details-status-badge,.task-details-priority-badge{padding:var(--spacing-sm)var(--spacing-sm);border-radius:var(--rounded-full);font-size:var(--font-text);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.task-details-priority-icon{height:var(--font-text);width:var(--font-text);margin-right:var(--spacing-sm)}.task-details-info-grid{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.task-details-info-items{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}.task-details-info-item{align-items:center;gap:var(--spacing-sm);display:flex}.task-details-info-icon{padding:var(--spacing-sm);border-radius:var(--radius-md)}.task-details-info-icon svg{height:var(--icon-size-md);width:var(--icon-size-md)}.task-details-info-icon-primary{background-color:var(--color-hover-primary)}.task-details-info-icon-primary svg{color:var(--color-accent)}.task-details-info-label{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light)}.task-details-info-value{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-progress{margin-top:var(--spacing-lg)}.task-details-progress-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.task-details-progress-label{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text)}.task-details-progress-percentage{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-progress-bar{background-color:var(--color-border-light);border-radius:var(--rounded-full);width:100%;height:var(--spacing-sm)}.task-details-progress-fill{background:var(--gradient-bg-primary);height:var(--spacing-sm);border-radius:var(--rounded-full);transition:width .3s}.task-details-description-section{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);gap:var(--spacing-lg);flex-direction:column;display:flex}.task-details-description-card,.task-details-last-comment-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);flex:1}.task-details-description-header,.task-details-last-comment-header{margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);display:flex}.task-details-description-icon,.task-details-last-comment-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-primary)}.task-details-description-title,.task-details-last-comment-title{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text);flex:1}.task-details-last-comment-date{font-size:var(--font-small);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.task-details-description-content,.task-details-last-comment-content{margin-top:var(--spacing-sm)}.task-details-description-text,.task-details-last-comment-text{font-size:var(--font-text);color:var(--color-text);margin:0;line-height:1.5}.task-details-last-comment-author{margin-top:var(--spacing-sm);align-items:center;gap:var(--spacing-sm);display:flex}.task-details-last-comment-author-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-text-light)}.task-details-last-comment-author-name{font-size:var(--font-small);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.task-details-content{flex-direction:column;display:flex}.task-details-sidebar{border-right:1px solid var(--color-border-light);width:100%;min-width:var(--small-max-width)}.task-details-sidebar-content{padding:var(--spacing-lg);flex-direction:column;display:flex}.task-details-sidebar-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm)}.task-details-sidebar-header{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.task-details-sidebar-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-gray-light);margin-right:var(--spacing-sm)}.task-details-sidebar-title{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-sidebar-sections{gap:var(--spacing-sm);flex-direction:column;display:flex}.task-details-section-button{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;transition:all .2s;display:flex}.task-details-section-button-inactive{background-color:var(--color-bg-light);color:var(--color-text)}.task-details-section-button-inactive:hover{background-color:var(--color-border-light)}.task-details-section-button-active{background-color:var(--color-bg-transparent-primary);color:var(--color-primary);border:1px solid var(--color-border-primary)}.task-details-section-button-content{align-items:center;display:flex}.task-details-section-button-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-section-button-text{font-size:var(--font-text);font-weight:var(--font-weight-medium)}.task-details-section-button-chevron{height:var(--icon-size-sm);width:var(--icon-size-sm)}.task-details-sidebar-empty{text-align:center;padding:var(--spacing-md);color:var(--color-text-light);font-size:var(--font-text)}.task-details-main-content{padding:var(--spacing-lg);margin-top:var(--spacing-lg);flex:1}.task-details-section-content{margin-bottom:var(--spacing-lg)}.task-details-section-header{margin-bottom:var(--spacing-lg);align-items:center;display:flex}.task-details-section-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-section-count{margin-left:var(--spacing-md);padding:var(--spacing-sm)var(--spacing-sm);background-color:var(--color-bg-light);color:var(--color-text-light);border-radius:var(--rounded-full);font-size:var(--font-text);font-weight:var(--font-weight-medium)}.task-details-items-grid{gap:var(--spacing-lg);grid-template-columns:1fr;display:grid}.task-details-item-card{background-color:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s}.task-details-item-card:hover{box-shadow:var(--shadow-md)}.task-details-item-header{margin-bottom:var(--spacing-md);align-items:center;display:flex}.task-details-item-icon{height:var(--icon-size-md);width:var(--icon-size-md);color:var(--color-gray-light)}.task-details-item-name{margin-left:var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text)}.task-details-item-content{gap:var(--spacing-sm);flex-direction:column;display:flex}.task-details-item-value{font-size:var(--font-text);color:var(--color-text-light);background-color:var(--color-bg-light);padding:var(--spacing-sm)var(--spacing-sm);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.task-details-location-button{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-transparent-primary);color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);align-items:center;text-decoration:none;transition:background-color .2s;display:inline-flex}.task-details-location-button:hover{background-color:var(--color-bg-transparent-primary)}.task-details-location-button-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-location-placeholder{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-light);color:var(--color-text-light);border-radius:var(--radius-md);font-size:var(--font-text);align-items:center;display:inline-flex}.task-details-location-placeholder-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-gps-container{gap:var(--spacing-md);flex-direction:column;display:flex}.task-details-gps-map{border-radius:var(--radius-md);border:1px solid var(--color-border-light);height:12rem;overflow:hidden}.task-details-gps-coordinates{font-size:var(--font-text);color:var(--color-text-light);background-color:var(--color-bg-light);padding:var(--spacing-sm)var(--spacing-sm);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.task-details-photo-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.task-details-photo-wrapper{position:relative}.task-details-photo-image{width:100%;height:var(--modal-size-sm);object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.task-details-photo-caption{font-size:var(--font-text);color:var(--color-text-light);text-align:center;font-weight:var(--font-weight-medium)}.task-details-file-button{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-bg-light);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);align-items:center;text-decoration:none;transition:background-color .2s;display:inline-flex}.task-details-file-button:hover{background-color:var(--color-border-light)}.task-details-file-button-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-details-history-list{gap:var(--spacing-md);flex-direction:column;display:flex}.task-details-empty-state{padding:var(--spacing-xl)var(--spacing-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.task-details-empty-icon{height:var(--icon-size-xl);width:var(--icon-size-xl);color:var(--color-gray-light);margin-bottom:var(--spacing-md)}.task-details-empty-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.task-details-empty-text{color:var(--color-text-light);max-width:var(--small-max-width);font-size:var(--font-text)}.form-button-container{justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.radio-field{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--spacing-xs);align-items:center;display:flex}.form-radio-field{accent-color:var(--color-primary);margin-right:var(--spacing-xs);width:var(--radio-size);height:var(--radio-size);border:1px solid var(--color-border-light);background:var(--color-bg-field);border-radius:50%;transition:border-color .2s,box-shadow .2s}.form-radio-field:focus{box-shadow:0 0 0 2px var(--color-hover-primary);outline:none}.radio-label{font-size:var(--font-text);color:var(--color-text);font-weight:var(--font-weight-medium)}.form-text{color:var(--color-text-light);font-size:var(--font-text);margin-bottom:var(--spacing-md)}.task-execution-section{border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:var(--color-bg-light);overflow:hidden}.task-execution-section-header{background:var(--color-bg-light);padding:var(--spacing-md);cursor:pointer;width:var(--max-content-width);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.task-execution-section-title{font-weight:var(--font-weight-medium);font-size:var(--font-text);color:var(--color-text)}.task-execution-section-chevron{color:var(--color-text-light)}.task-execution-section-content{padding:var(--spacing-md)}.task-execution-item-card{background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.task-execution-item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.task-execution-item-title{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.task-execution-item-required{color:var(--color-error);margin-left:var(--spacing-xs,2px)}.task-execution-item-icon{color:var(--color-text-light);width:var(--icon-size-sm);height:var(--icon-size-sm)}.task-execution-input,.task-execution-select,.task-execution-textarea{width:var(--max-content-width);box-sizing:border-box;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-text);color:var(--color-text);background:var(--color-bg-field);font-weight:var(--font-weight-medium);outline:none;transition:border-color .2s}.task-execution-input:focus,.task-execution-select:focus,.task-execution-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field)}.task-execution-input::placeholder,.task-execution-textarea::placeholder{color:var(--color-text-light)}.task-execution-file-upload-label{margin-bottom:var(--spacing-xs,2px);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-secondary);display:block}.task-execution-file-upload-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-light);align-items:center;display:flex}.task-execution-file-upload-image{width:var(--max-content-width);object-fit:cover;border-radius:var(--radius-md);height:12rem}.task-execution-uploading{margin-top:var(--spacing-xs,2px);font-size:var(--font-text);color:var(--color-primary);align-items:center;display:flex}.task-execution-comment-label{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-secondary);margin-bottom:var(--spacing-xs,2px);display:block}.task-execution-comment-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-text);resize:none;background:var(--color-bg-field);font-weight:var(--font-weight-medium);outline:none}.task-execution-comment-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background:var(--color-bg-field)}.task-execution-footer{background:var(--color-bg-light);padding:var(--spacing-lg)var(--spacing-md);flex-direction:column;display:flex}.task-execution-footer-actions{justify-content:flex-end;gap:var(--spacing-md);display:flex}.task-execution-modal-error{height:16rem;color:var(--color-error);font-size:var(--font-text);justify-content:center;align-items:center;display:flex}.task-execution-modal-empty{height:16rem;color:var(--color-text-light);font-size:var(--font-text);justify-content:center;align-items:center;display:flex}.task-execution-item-card:hover{background:var(--color-bg-transparent-primary-hover);border-color:var(--color-border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-button-container>*{min-width:var(--button-min-width)}.card-root{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-md);cursor:pointer;margin-bottom:var(--spacing-md);box-sizing:border-box;width:100%;min-width:0;transition:box-shadow .2s}.card-root *{word-wrap:break-word;min-width:0}.card-root:hover{box-shadow:var(--shadow-lg)}.task-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.task-card-header-left{align-items:center;gap:var(--spacing-sm);display:flex}.task-card-id{font-size:var(--font-text);color:var(--color-text-light);align-items:center;display:flex}.task-card-id-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-card-id-number{font-size:var(--font-text);color:var(--color-text-light)}.task-card-status-badge{padding:0 var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-white);border-radius:var(--rounded-full);text-align:center;min-width:60px;margin-left:var(--spacing-sm);line-height:20px;display:inline-block}.task-card-priority-badge{font-size:var(--font-text);font-weight:var(--font-weight-medium);border-radius:var(--rounded-full);min-width:60px;padding:0 var(--spacing-sm);margin-left:var(--spacing-md);align-items:center;display:flex}.task-card-priority-icon{width:14px;height:14px;margin-right:4px}.task-priority-default{color:var(--color-text-light)}.task-card-type-desc{margin-bottom:var(--spacing-sm)}.task-card-type{font-size:var(--font-text);color:var(--color-text-light);margin-bottom:var(--spacing-sm);align-items:center;display:flex}.task-card-type-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-card-type-name{font-size:var(--font-text);color:var(--color-text-light)}.task-card-desc{font-size:var(--font-text);font-weight:var(--font-weight-bold);color:var(--color-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.task-card-asset{font-size:var(--font-text);color:var(--color-text-light);margin-bottom:var(--spacing-md);align-items:center;display:flex}.task-card-asset-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-card-asset-name{font-size:var(--font-text);color:var(--color-text-light)}.task-card-footer{justify-content:space-between;align-items:center;display:flex}.task-card-dates{align-items:center;gap:var(--spacing-lg);font-size:var(--font-text);color:var(--color-text-light);display:flex}.task-card-date-item{align-items:center;display:flex}.task-card-date-icon{height:var(--icon-size-sm);width:var(--icon-size-sm);margin-right:var(--spacing-sm)}.task-card-date-label{font-size:var(--font-text);color:var(--color-text-light)}.task-card-assignee{margin-left:var(--spacing-md);align-items:center;display:flex}.task-card-assignee-avatar{border:2px solid var(--color-white)}.task-card-assignee-name{font-size:var(--font-text);color:var(--color-text-light)}.avatar{border-radius:var(--rounded-full);object-fit:cover;display:inline-block}.avatar-initials{background-color:var(--color-bg-transparent-primary);color:var(--color-primary);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;font-family:inherit;display:flex}.avatar-sm{height:var(--icon-size-lg);width:var(--icon-size-lg);font-size:var(--font-text)}.avatar-md{height:var(--icon-size-xl);width:var(--icon-size-xl);font-size:var(--font-text)}.avatar-lg{height:var(--icon-size-xxl);width:var(--icon-size-xxl);font-size:var(--font-text)}.tasks-pagination-page-btn{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;display:inline-flex;position:relative}.tasks-pagination-page-btn:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.tasks-pagination-page-btn{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);cursor:pointer;border-radius:0;margin-left:2px;margin-right:2px;transition:all .2s}.tasks-pagination-page-btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.tasks-pagination-page-btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.tasks-pagination-page-btn-active{z-index:10;background-color:var(--color-bg-transparent-primary);border-color:var(--color-border-primary);color:var(--color-primary)}.tasks-pagination-page-btn:disabled{opacity:.5;cursor:not-allowed}.status-badge{padding:2px var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);border-radius:var(--rounded-full);justify-content:center;align-items:center;min-width:60px;transition:all .2s;display:inline-flex}.status-badge-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-right:var(--spacing-xs)}.pagination{gap:var(--spacing-sm);padding:var(--spacing-sm)0;border-top:1px solid var(--color-bg-light);flex-direction:column;display:flex}.pagination-mobile{width:var(--max-content-width);margin-bottom:var(--spacing-sm);justify-content:space-between;display:flex}.pagination-desktop{width:var(--max-content-width);justify-content:space-between;align-items:center;display:flex}.pagination-nav{align-items:center;display:flex}.pagination-page-btn{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;display:inline-flex;position:relative}.pagination-page-btn:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.pagination-page-btn{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);cursor:pointer;border-radius:0;margin-left:2px;margin-right:2px;transition:all .2s}.pagination-page-btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.pagination-page-btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.pagination-page-btn-active{z-index:10;background-color:var(--color-bg-transparent-primary);border-color:var(--color-border-primary);color:var(--color-primary)}.pagination-page-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{margin:0 var(--spacing-xs);color:var(--color-text-light)}.pagination-total{font-size:var(--font-text);margin-left:var(--spacing-sm);color:var(--color-text-light)}.action-menu-item{width:var(--max-content-width);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);color:var(--color-text);cursor:pointer;text-align:left;background-color:#0000;border:none;justify-content:flex-start;align-items:center;transition:all .2s;display:flex}.action-menu-item:hover{background-color:var(--color-bg-light);color:var(--color-text)}.action-menu-item-danger{color:var(--color-error)}.action-menu-item-danger:hover{background-color:var(--color-bg-light);color:var(--color-text-error)}.action-menu-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-right:var(--spacing-sm);color:var(--color-text-light)}.action-menu-item:hover .action-menu-icon{color:var(--color-text)}.action-menu-item-danger .action-menu-icon{color:var(--color-error)}.action-menu-item-danger:hover .action-menu-icon{color:var(--color-text-error)}.empty-state{padding:var(--spacing-xl)var(--spacing-lg);text-align:center;color:var(--color-text-light);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:var(--icon-size-xl);height:var(--icon-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text-light);opacity:.5}.empty-state-text{font-size:var(--font-text);color:var(--color-text-light);margin-bottom:var(--spacing-md)}.asset-list-container{overflow-x:auto}.asset-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-light)}.asset-name-cell{align-items:center;display:flex}.asset-status-badge{padding:2px var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);border-radius:var(--rounded-full);justify-content:center;align-items:center;min-width:60px;transition:all .2s;display:inline-flex}.asset-actions-cell{position:relative}.asset-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 var(--shadow-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s}.asset-card:hover{box-shadow:0 4px 6px -1px var(--shadow-lg)}.asset-card-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.asset-card-title{font-size:var(--font-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.asset-card-type{font-size:var(--font-text);color:var(--color-text-light);margin:0 0 var(--spacing-sm)0}.asset-card-reference{font-size:var(--font-text);color:var(--color-text);margin:0}.asset-status-active{background-color:var(--color-success-light);color:var(--color-success)}.asset-status-inactive{background-color:var(--color-error-light);color:var(--color-error)}.grid-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.grid{gap:var(--spacing-md);box-sizing:border-box;grid-template-columns:1fr;width:100%;max-width:100%;display:grid}.page-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.page-content-modified{gap:var(--spacing-lg);grid-template-rows:auto auto;grid-template-columns:1fr 1.6fr;display:grid}.traefik-page-content{height:calc(100vh - 400px);min-height:750px;padding:0;position:relative;overflow:hidden}.traefik-iframe-wrapper{transform-origin:0 0;width:133.33%;height:133.33%;position:absolute;top:0;left:0;transform:scale(.75)}.parent-asset-cell{align-items:center;gap:var(--spacing-sm);display:flex}.child-asset-cell{padding-left:var(--spacing-lg);align-items:center;display:flex}.expand-button{color:var(--color-text-light);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.expand-button:hover{color:var(--color-text)}.expand-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.child-row{background-color:var(--color-bg-light);border-left:3px solid var(--color-primary)}.child-row:hover{background-color:var(--color-bg-light)}.child-row .text-muted{color:var(--color-text-light);font-size:var(--font-text)}.child-row .asset-status-badge{opacity:.8}.asset-param-history-container{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-previous-value{font-size:var(--font-text);color:var(--color-text-light);margin-bottom:var(--spacing-sm)}.form-required-indicator{color:var(--color-error)}.form-category-indicator{color:var(--color-text-light);font-size:var(--font-text)}.location-capture-button{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;display:inline-flex}.location-capture-button:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.location-capture-button{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text-light);background-color:var(--color-bg-light);border-radius:0;margin-left:2px;margin-right:2px}.location-capture-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);margin-right:var(--spacing-sm)}.map-viewer{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);width:100%;height:100%;overflow:hidden}.form-field-container{margin:var(--spacing-sm);gap:var(--spacing-sm)}.import-tooltip{display:inline-block;position:relative;overflow:visible}.import-tooltip-content{z-index:10;padding:var(--spacing-md);background-color:var(--color-bg-dark);color:var(--color-text);font-size:var(--font-small);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;min-width:250px;max-width:300px;margin-top:var(--spacing-lg);transition:opacity .2s;position:absolute}.import-tooltip-arrow{border:4px solid #0000;width:0;height:0;position:absolute}.import-tooltip-position-top{margin-bottom:var(--spacing-sm);bottom:100%;left:50%;transform:translate(-50%)}.import-tooltip-position-bottom{margin-top:var(--spacing-sm);top:100%;left:50%;transform:translate(-50%)}.import-tooltip-position-left{margin-right:var(--spacing-sm);top:50%;right:100%;transform:translateY(-50%)}.import-tooltip-position-right{margin-left:var(--spacing-sm);min-width:300px;max-width:350px;top:50%;left:100%;transform:translate(-50%)}.import-tooltip-arrow-top{border-top-color:var(--color-bg-dark);border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%;left:50%;transform:translate(-50%)}.import-tooltip-arrow-bottom{border-bottom-color:var(--color-bg-dark);border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%;left:50%;transform:translate(-50%)}.import-tooltip-arrow-left{border-left-color:var(--color-bg-dark);border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;top:50%;left:100%;transform:translateY(-50%)}.import-tooltip-arrow-right{border-right-color:var(--color-bg-dark);border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;top:50%;right:100%;transform:translateY(-50%)}.import-tooltip-title{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-white)}.import-tooltip-file-types{color:var(--color-white);font-size:var(--font-small);margin-bottom:var(--spacing-sm)}.import-tooltip-columns{gap:var(--spacing-sm);flex-direction:column;display:flex}.import-tooltip-column{align-items:center;display:flex}.import-tooltip-column-name{font-weight:var(--font-weight-medium);margin-right:var(--spacing-sm)}.import-tooltip-column-name.required{color:var(--color-error)}.import-tooltip-column-name.optional,.import-tooltip-column-description{color:var(--color-text-very-light)}.import-tooltip-asset-note{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);color:var(--color-white);font-size:var(--font-small)}.import-tooltip-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);color:var(--color-text-light);font-size:var(--font-small)}.import-tooltip:hover .import-tooltip-content,.import-tooltip-group:hover .import-tooltip-content{opacity:1;pointer-events:auto}.org-chart-container{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);overflow:hidden}.org-chart-toolbar{background:var(--color-white);padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border-light);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.org-chart-zoom-controls{align-items:center;gap:var(--spacing-sm);display:flex}.org-chart-zoom-button{padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-field);color:var(--color-text-light);cursor:pointer;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:all .2s;display:flex}.org-chart-zoom-button-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.org-chart-zoom-button:hover{background:var(--color-bg-transparent-hover);border-color:var(--color-border-dark);color:var(--color-text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.org-chart-zoom-button:active{transform:translateY(0)}.org-chart-zoom-level{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center;min-width:60px}.org-chart-view-controls{align-items:center;gap:var(--spacing-sm);display:flex}.org-chart-view-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-field);color:var(--color-text-light);cursor:pointer;font-size:var(--font-text);font-weight:var(--font-weight-medium);transition:all .2s;display:flex}.org-chart-view-button:hover{background:var(--color-bg-transparent-hover);border-color:var(--color-border-dark);color:var(--color-text);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.org-chart-view-button.active{background:var(--color-bg-transparent-primary);color:var(--color-primary);border-color:var(--color-border-primary)}.org-chart-view-button-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.org-chart-content{padding:var(--spacing-lg);background:var(--color-white);text-align:center;min-height:calc(100vh - 300px);overflow-x:auto}.org-chart-zoom-wrapper{transform-origin:top;transition:transform .2s ease-in-out;display:inline-block}.org-chart-user-card{background:var(--color-white);border-radius:var(--radius-md);width:144px;height:144px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);padding:var(--spacing-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.org-chart-user-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark);transform:translateY(-2px)}.org-chart-user-card:active{transform:translateY(0)}.org-chart-user-status{top:var(--spacing-sm);right:var(--spacing-sm);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;position:absolute}.org-chart-user-status.active{background:var(--color-bg-success);color:var(--color-success)}.org-chart-user-status.inactive{background:var(--color-bg-light);color:var(--color-text-light)}.org-chart-user-avatar{background:var(--color-bg-transparent-primary);width:48px;height:48px;margin-bottom:var(--spacing-sm);border:2px solid var(--color-border-light);border-radius:50%;justify-content:center;align-items:center;display:flex}.org-chart-user-avatar-icon{width:var(--icon-size-md);height:var(--icon-size-md);color:var(--color-primary)}.org-chart-user-info{text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.org-chart-user-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-bottom:2px;line-height:1.2;overflow:hidden}.org-chart-user-role{font-size:var(--font-small);color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;max-width:120px;line-height:1.2;overflow:hidden}.org-chart-user-details{background:var(--color-white);padding:var(--spacing-sm);border-top:1px solid var(--color-border-light);opacity:0;pointer-events:none;transition:all .2s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.org-chart-user-card:hover .org-chart-user-details{opacity:1;pointer-events:auto;transform:translateY(0)}.org-chart-user-detail-item{align-items:center;gap:var(--spacing-sm);font-size:var(--font-small);color:var(--color-text-light);margin-bottom:2px;display:flex}.org-chart-user-detail-item:last-child{margin-bottom:0}.org-chart-user-detail-icon{width:10px;height:10px;color:var(--color-text-light);flex-shrink:0}.org-chart-user-detail-text{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.org-chart-department-block{background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all .2s;position:relative;overflow:hidden}.org-chart-department-block:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark)}.org-chart-department-block.top-level{border-color:var(--color-border-primary);border-width:2px}.org-chart-department-header{padding:var(--spacing-sm);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.org-chart-department-header:hover{background:var(--color-bg-light)}.org-chart-department-header-content{align-items:center;gap:var(--spacing-sm);display:flex}.org-chart-department-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.org-chart-department-block.top-level .org-chart-department-icon{background:var(--color-bg-transparent-primary)}.org-chart-department-block:not(.top-level) .org-chart-department-icon{background:var(--color-bg-light)}.org-chart-department-icon svg{width:var(--icon-size-md);height:var(--icon-size-md)}.org-chart-department-block.top-level .org-chart-department-icon svg{color:var(--color-primary)}.org-chart-department-block:not(.top-level) .org-chart-department-icon svg{color:var(--color-text-light)}.org-chart-department-info{flex:1;min-width:0}.org-chart-department-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px;line-height:1.2}.org-chart-department-block.top-level .org-chart-department-name{color:var(--color-primary)}.org-chart-department-count{font-size:var(--font-small);color:var(--color-text-light);line-height:1.2}.org-chart-department-toggle{padding:var(--spacing-sm);cursor:pointer;color:var(--color-text-light);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:36px;min-height:36px;transition:all .2s;display:flex}.org-chart-department-toggle:hover{background:var(--color-bg-light);color:var(--color-text);transform:scale(1.05)}.org-chart-department-toggle-icon{width:var(--icon-size-md);height:var(--icon-size-md)}.org-chart-department-content{padding:var(--spacing-sm);border-top:1px solid var(--color-border-light);background:var(--color-bg-light)}.org-chart-department-head{margin-bottom:var(--spacing-sm)}.org-chart-department-head-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--spacing-sm);transition:background-color .2s;display:flex}.org-chart-department-head-item:hover{background:var(--color-white)}.org-chart-department-head-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.org-chart-department-block.top-level .org-chart-department-head-avatar{background:var(--color-bg-transparent-primary)}.org-chart-department-block:not(.top-level) .org-chart-department-head-avatar{background:var(--color-bg-light)}.org-chart-department-head-avatar svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.org-chart-department-block.top-level .org-chart-department-head-avatar svg{color:var(--color-primary)}.org-chart-department-block:not(.top-level) .org-chart-department-head-avatar svg{color:var(--color-text-light)}.org-chart-department-head-info{flex:1;min-width:0}.org-chart-department-head-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px;line-height:1.2}.org-chart-department-head-role{font-size:var(--font-small);color:var(--color-text-light);line-height:1.2}.org-chart-direct-reports{margin-left:var(--spacing-sm);padding-left:var(--spacing-sm);border-left:2px solid var(--color-border-light)}.org-chart-direct-report-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)0;cursor:pointer;transition:all .2s;display:flex}.org-chart-direct-report-item:hover{transform:translate(4px)}.org-chart-direct-report-avatar{background:var(--color-bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.org-chart-direct-report-avatar svg{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-light)}.org-chart-direct-report-info{flex:1;min-width:0}.org-chart-direct-report-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px;line-height:1.2}.org-chart-direct-report-role{font-size:var(--font-small);color:var(--color-text-light);line-height:1.2}.org-chart-department-members{gap:var(--spacing-sm);margin-top:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.org-chart-department-member-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s;display:flex}.org-chart-department-member-item:hover{background:var(--color-white)}.org-chart-department-member-avatar{background:var(--color-bg-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.org-chart-department-member-avatar svg{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-text-light)}.org-chart-department-member-info{flex:1;min-width:0}.org-chart-department-member-name{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:2px;line-height:1.2}.org-chart-department-member-role{font-size:var(--font-small);color:var(--color-text-light);line-height:1.2}.org-chart-hierarchy{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.org-chart-hierarchy-level{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.org-chart-hierarchy-row{gap:var(--spacing-lg);justify-content:center;display:flex}.org-chart-hierarchy-connector{margin:var(--spacing-sm)0;padding-left:var(--spacing-lg);position:relative}.org-chart-hierarchy-connector:before{content:"";background:var(--color-border-light);width:2px;height:100%;position:absolute;top:0;left:0}.org-chart-hierarchy-toggle{margin:var(--spacing-sm)auto;padding:var(--spacing-sm);border:1px solid var(--color-border-light);background:var(--color-white);color:var(--color-text-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;min-width:32px;min-height:32px;transition:all .2s;display:flex}.org-chart-hierarchy-toggle:hover{background:var(--color-bg-light);border-color:var(--color-border-dark);color:var(--color-text);transform:scale(1.05)}.org-chart-hierarchy-toggle-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.org-chart-departments{align-items:center;gap:var(--spacing-md);flex-direction:column;width:100%;display:flex;position:relative}.org-chart-departments-others{justify-content:center;align-items:flex-start;gap:var(--spacing-md);z-index:2;width:100%;padding:0 var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--color-border-light)transparent;flex-direction:row;flex-shrink:0;min-height:0;display:flex;position:relative;overflow-x:auto}.org-chart-departments-others:before{content:"";top:-calc(var(--spacing-lg) + 6px);background:linear-gradient(to right,var(--color-border-primary),var(--color-border-light),var(--color-border-primary));z-index:0;pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0;right:0}.org-chart-departments-others .org-chart-department-block:before{content:"";top:-calc(var(--spacing-lg) + 6px);width:3px;height:calc(var(--spacing-lg) + 6px);background:linear-gradient(to bottom,var(--color-border-primary),var(--color-border-light));pointer-events:none;z-index:0;border-radius:2px;position:absolute;left:50%;transform:translate(-50%);background:0 0!important}.org-chart-department-tree-node{align-items:center;gap:var(--spacing-md);z-index:1;flex-direction:column;display:flex;position:relative}.org-chart-department-block{position:relative}.org-chart-department-children{margin-top:var(--spacing-md);align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.org-chart-department-children:before{content:"";width:3px;height:calc(var(--spacing-md) + 6px);background:linear-gradient(to bottom,var(--color-border-primary),var(--color-border-light));z-index:0;pointer-events:none;border-radius:2px;position:absolute;top:-7px;left:50%;transform:translate(-50%,-100%)}.org-chart-department-children:after{content:"";background:linear-gradient(to right,var(--color-border-primary),var(--color-border-light));z-index:0;pointer-events:none;border-radius:2px;height:3px;position:absolute;top:0;left:10%;right:10%;transform:translateY(-100%)}.org-chart-department-children>.org-chart-department-tree-node>.org-chart-department-block:before{content:"";top:-calc(var(--spacing-md) + 6px);width:3px;height:calc(var(--spacing-md) + 6px);background:linear-gradient(to bottom,var(--color-border-primary),var(--color-border-light));z-index:0;pointer-events:none;border-radius:2px;position:absolute;left:50%;transform:translate(-50%);background:0 0!important}.org-chart-departments-ceo{z-index:2;width:100%;max-width:512px;margin-bottom:var(--spacing-md);position:relative}.org-chart-departments-ceo .org-chart-department-block{box-shadow:var(--shadow-md);border-width:2px;border-color:var(--color-border-primary)}.btn-filter{background:var(--color-bg-white);border:1px solid var(--color-border-light);color:var(--color-text);transition:all .2s}.btn-filter:hover,.btn-filter.active{background:var(--color-hover-primary);border-color:var(--color-border-primary);color:var(--color-primary)}.filter-sidebar-overlay{z-index:1001;position:fixed;inset:0}.filter-sidebar-backdrop{background:var(--color-bg-overlay);transition:opacity .3s;position:fixed;inset:0}.filter-sidebar{width:var(--sidebar-width);background:var(--color-bg-white);border-left:1px solid var(--color-border-light);height:100vh;box-shadow:var(--shadow-lg);z-index:51;flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;right:0;transform:translate(0)}.filter-sidebar-header{padding:var(--spacing-md);background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.filter-sidebar-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-medium);color:var(--color-text);align-items:center;margin:0;display:flex}.filter-sidebar-close{background:var(--color-bg-transparent-hover);border:1px solid var(--color-border-light);color:var(--color-text-light);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:all .2s;display:flex}.filter-sidebar-close:hover{color:var(--color-error);background:var(--color-bg-error);border-color:var(--color-border-error);box-shadow:var(--shadow-sm);transform:scale(1.05)}.filter-sidebar-close-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);transition:transform .2s}.filter-sidebar-close:hover .filter-sidebar-close-icon{transform:rotate(90deg)}.filter-sidebar-body{padding:var(--spacing-md);background:var(--color-bg-white);flex:1;overflow-y:auto}.filter-count{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);text-align:center;min-width:20px}.filter-chips{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.filter-chip{background:var(--color-bg-transparent-primary);border:1px solid var(--color-border-primary);padding:var(--spacing-xs)var(--spacing-sm)var(--spacing-xs)var(--spacing-md);font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-primary);border-radius:20px;align-items:center;min-width:90px;transition:all .2s;display:flex}.filter-chip:hover{background:var(--color-bg-transparent-primary-hover)}.chip-label{font-weight:var(--font-weight-medium);margin-right:var(--spacing-xs)}.chip-value{margin-right:var(--spacing-xs);text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.chips-compact .filter-chip{font-size:calc(var(--font-text) - 2px);padding:2px 8px}.chip-remove{width:var(--icon-size-sm);height:var(--icon-size-sm);background:var(--color-primary);color:var(--color-white);cursor:pointer;margin-left:var(--spacing-xs);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.chip-remove:hover{background:var(--color-secondary);transform:scale(1.1)}.chip-remove .icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.clear-all-btn{color:var(--color-text-light);font-size:var(--font-text);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);transition:all .2s}.clear-all-btn:hover{background:var(--color-bg-error);color:var(--color-error)}.date-inputs{gap:var(--spacing-xs);flex-direction:column;display:flex}.date-inputs .form-datetime-field{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:var(--font-text);background:var(--color-bg-white);flex:1;transition:all .2s}.date-inputs .form-datetime-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-bg-transparent-primary);outline:none}.date-separator{font-size:var(--font-text);color:var(--color-text-light);font-weight:var(--font-weight-medium);text-align:center;margin:2px 0}.assignee-search-container{width:100%;position:relative}.assignee-dropdown{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;max-height:200px;margin-top:var(--spacing-xs);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:all .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--color-hover-primary)}.dropdown-item.loading,.dropdown-item.no-results{color:var(--color-text-light);cursor:default;font-style:italic}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.user-email{font-size:var(--font-text);color:var(--color-text-light)}.user-selection-list{max-height:240px;margin-bottom:var(--spacing-md);overflow-y:auto}.user-selection-list-item{padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--spacing-xs);font-size:var(--font-text);justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.user-selection-list-item:hover{background-color:var(--color-bg-light)}.user-selection-list-item.selected{background-color:var(--color-bg-transparent-primary);border:1px solid var(--color-border-primary)}.user-selection-list-item-content{align-items:center;gap:var(--spacing-sm);display:flex}.user-selection-list-item-name{font-size:var(--font-text-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.user-selection-list-item-checkbox{height:var(--icon-size-sm);width:var(--icon-size-sm);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-xs);background-color:var(--color-white);cursor:pointer}.user-selection-list-item-checkbox:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-border-primary)}.user-selection-list-loading{padding:var(--spacing-md)0;justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.user-selection-list-loading-text{font-size:var(--font-text-sm);color:var(--color-text-light)}.user-selection-list-empty{text-align:center;padding:var(--spacing-md)0;color:var(--color-text-light);font-size:var(--font-text-sm)}.task-card-footer{padding:var(--spacing-sm)var(--spacing-sm)0;border-top:1px solid var(--color-border-light);margin-top:var(--spacing-sm)}.task-card-footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.task-type-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);transition:all .3s;position:relative;overflow:hidden}.task-type-card:before{content:"";background:0 0;height:0;position:absolute;top:0;left:0;right:0}.task-type-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-dark);transform:translateY(-3px)}.task-type-card-header{padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-bg-white)0%,var(--color-bg-light)100%)}.task-type-card-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.task-type-card-info{flex:1;min-width:0}.task-type-card-title{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.task-type-card-name{font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.task-type-card-code{padding:.25rem var(--spacing-sm);font-size:var(--font-small);font-weight:var(--font-weight-medium);background:var(--color-bg-transparent-primary);color:var(--color-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);align-items:center;display:inline-flex}.task-type-card-version{padding:.25rem var(--spacing-sm);font-size:var(--font-small);font-weight:var(--font-weight-medium);background:var(--color-bg-light);color:var(--color-text-light);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);align-items:center;display:inline-flex}.task-type-card-description{font-size:var(--font-text);color:var(--color-text-light);margin:0;line-height:1.5}.task-type-card-actions{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.task-type-card-action-btn{width:2.5rem;height:2.5rem;color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.task-type-card-action-btn:hover{background:var(--color-bg-light);color:var(--color-text);transform:scale(1.1)}.task-type-card-action-btn.danger:hover{background:var(--color-bg-error);color:var(--color-error)}.task-type-card-expand-btn{background:var(--color-bg-light);width:2.5rem;height:2.5rem;color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.task-type-card-expand-btn:hover{background:var(--color-bg-dark);color:var(--color-white);transform:scale(1.1)}.task-section-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);margin-left:var(--spacing-md);transition:all .2s;position:relative}.task-section-card:before{content:"";background:0 0;height:0;position:absolute;top:0;left:0;right:0}.task-section-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-dark);transform:translate(4px)}.task-section-card-header{padding:var(--spacing-md);background:var(--color-bg-light);border-bottom:1px solid var(--color-border-light)}.task-section-card-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.task-section-card-info{flex:1;min-width:0}.task-section-card-name{font-size:var(--font-text);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.task-section-card-description{font-size:var(--font-small);color:var(--color-text-light);margin:0;line-height:1.4}.task-section-card-badges{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.task-section-card-badges>*{white-space:nowrap;flex-shrink:0}.task-section-card-badge{padding:.125rem var(--spacing-xs);font-size:var(--font-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid;align-items:center;display:inline-flex}.task-section-card-badge.position{background:var(--color-bg-transparent-primary);color:var(--color-primary);border-color:var(--color-border)}.task-section-card-badge.required{background:var(--color-bg-success);color:var(--color-text-success);border-color:var(--color-border-success)}.task-section-card-badge.optional{background:var(--color-bg-light);color:var(--color-text-light);border-color:var(--color-border-light)}.task-section-card-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.task-section-card-action-btn{width:2rem;height:2rem;color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.task-section-card-action-btn:hover{background:var(--color-bg-transparent-primary);color:var(--color-primary);transform:scale(1.1)}.task-section-card-action-btn.danger:hover{background:var(--color-bg-error);color:var(--color-error)}.task-item-card{background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);margin-left:var(--spacing-lg);transition:all .3s;position:relative;overflow:hidden}.task-item-card:before{content:"";background:0 0;height:0;position:absolute;top:0;left:0;right:0}.task-item-card:hover{background:var(--color-bg-white);box-shadow:var(--shadow-sm);border-color:var(--color-border-dark);transform:translate(2px)}.task-item-card:hover:before{background:0 0}.task-item-card-content{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);z-index:1;display:flex;position:relative}.task-item-card-info{flex:1;min-width:0}.task-item-card-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.task-item-card-icon{border-radius:var(--radius-sm);background:var(--color-bg-transparent-primary);width:2rem;height:2rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-item-card-name{font-size:var(--font-text);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.4}.task-item-card-description{font-size:var(--font-small);color:var(--color-text-light);margin:0 0 var(--spacing-sm)0;line-height:1.4}.task-item-card-badges{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.task-item-card-badge{padding:.25rem var(--spacing-sm);font-size:var(--font-small);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:.25rem;transition:all .2s;display:inline-flex}.task-item-card-badge:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-item-card-badge.category{background:linear-gradient(135deg,var(--color-bg-transparent-primary),#036a6e0d);color:var(--color-primary);border-color:var(--color-border)}.task-item-card-badge.configuration{background:linear-gradient(135deg,var(--color-bg-warning),#f59e0b0d);color:var(--color-warning);border-color:var(--color-border-warning)}.task-item-card-badge.required{background:linear-gradient(135deg,var(--color-bg-success),#10b9810d);color:var(--color-text-success);border-color:var(--color-border-success)}.task-item-card-badge.optional{background:linear-gradient(135deg,var(--color-bg-light),#9ca3af0d);color:var(--color-text-light);border-color:var(--color-border-light)}.task-item-card-actions{align-items:center;gap:var(--spacing-xs);opacity:1;flex-shrink:0;transition:opacity .2s;display:flex}.task-item-card-action-btn{width:2rem;height:2rem;color:var(--color-text-light);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.task-item-card-action-btn:before{content:"";background:var(--color-bg-transparent-primary);border-radius:50%;width:0;height:0;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task-item-card-action-btn:hover:before{width:100%;height:100%}.task-item-card-action-btn:hover{color:var(--color-primary);transform:scale(1.1)}.task-item-card-action-btn.danger:hover{color:var(--color-error)}.task-item-card-action-btn.danger:hover:before{background:var(--color-bg-error)}.task-item-card-action-btn svg{z-index:1;position:relative}.task-items-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.task-items-list{gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-light);border-radius:var(--radius-sm);flex-direction:column;margin-top:0;display:flex}.task-item-empty-state{text-align:center;padding:var(--spacing-xl);background:var(--color-bg-white);border:2px dashed var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-light);font-size:var(--font-text);margin-top:var(--spacing-md)}.task-item-empty-state-icon{width:3rem;height:3rem;margin:0 auto var(--spacing-md);color:var(--color-text-light);opacity:.5}.task-item-loading{padding:var(--spacing-lg);background:var(--color-bg-white);border-radius:var(--radius-md);margin-top:var(--spacing-md);justify-content:center;align-items:center;display:flex}.task-item-category-icon{width:1rem;height:1rem;margin-right:.25rem}.task-section-panel{background:linear-gradient(135deg,var(--color-bg-light)0%,#036a6e05 100%);padding:var(--spacing-lg);margin-top:var(--spacing-sm);position:relative}.task-section-panel:before{content:"";background:0 0;height:0;position:absolute;top:0;left:0;right:0}.task-section-panel-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.task-section-panel-title{font-size:var(--font-text);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.task-section-panel-actions{align-items:center;gap:var(--spacing-sm);display:flex}.task-items-panel{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);background:linear-gradient(135deg,#f59e0b05 0%,var(--color-bg-light)100%);border-radius:var(--radius-sm);position:relative;overflow:visible}.task-items-panel:before{content:"";background:0 0;height:0;position:absolute;top:0;left:0;right:0}.task-items-panel-header{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-bg-white);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.task-items-panel-title{font-size:var(--font-small);font-weight:var(--font-weight-semibold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;margin:0}.task-items-panel-actions{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)0;display:flex;overflow:visible}.task-empty-state{text-align:center;padding:var(--spacing-lg);background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid var(--color-border-light);color:var(--color-text-light);font-size:var(--font-text)}.toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.toggle-disabled{opacity:.6;cursor:not-allowed}.toggle-input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background-color:var(--color-border,var(--color-border-light));border-radius:9999px;transition:background-color .15s ease-in-out;position:relative}.toggle-small .toggle-track{width:36px;height:20px}.toggle-medium .toggle-track{width:44px;height:24px}.toggle-track:after{content:"";background-color:var(--color-white,var(--color-white));border:1px solid var(--color-border,var(--color-border-light));border-radius:9999px;transition:transform .15s ease-in-out,background-color .15s ease-in-out;position:absolute;top:2px;left:2px}.toggle-small .toggle-track:after{width:16px;height:16px}.toggle-medium .toggle-track:after{width:20px;height:20px}.toggle-input:focus+.toggle-track{box-shadow:0 0 0 4px var(--color-focus-ring,var(--color-bg-transparent-primary))}.toggle-input:checked+.toggle-track{background-color:var(--color-primary,var(--color-primary))}.toggle-small .toggle-input:checked+.toggle-track:after{transform:translate(16px)}.toggle-medium .toggle-input:checked+.toggle-track:after{transform:translate(20px)}.settings-item{padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--border-radius-md);border:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.settings-item-left{align-items:center;gap:var(--spacing-sm);display:flex}.settings-item-title{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.settings-item-description{font-size:var(--font-text);color:var(--color-text-light)}.select-multi-display{text-align:left;background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md)}.select-multi-display:focus{box-shadow:var(--shadow-sm);border-color:var(--color-primary);outline:none}.select-multi-disabled{opacity:.6;cursor:not-allowed}.select-multi-menu{z-index:20;margin-top:var(--spacing-xs);border:1px solid var(--color-border-light);background-color:var(--color-white);border-radius:var(--radius-sm);width:100%;max-height:72px;box-shadow:var(--shadow-md);position:absolute;overflow-y:auto}.select-multi-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);font-size:var(--font-text);display:flex}.select-multi-item:hover{background-color:var(--color-bg-light)}.select-multi-checkbox{width:var(--icon-size-sm);height:var(--icon-size-sm);font-size:var(--font-text)}.select-multi-text{font-size:var(--font-text)}.profile-avatar{flex-shrink:0}.profile-avatar-image{object-fit:cover;border:3px solid var(--color-border-light);border-radius:50%;width:96px;height:96px}.profile-avatar-placeholder{background-color:var(--color-bg-light);border:3px solid var(--color-border-light);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.profile-avatar-initial{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-primary)}.profile-details{flex:1}.profile-info-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.profile-info-item{align-items:center;gap:var(--spacing-sm);display:flex}.profile-info-label{font-weight:var(--font-weight-medium);color:var(--color-text-light);min-width:100px}.profile-info-value{color:var(--color-text)}.profile-status-badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);font-size:var(--font-small);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.profile-status-active{background-color:var(--color-success-light);color:var(--color-success-dark)}.profile-status-inactive{background-color:var(--color-bg-light);color:var(--color-text-light)}.settings-sections{gap:var(--spacing-xl);flex-direction:column;display:flex}.settings-section{background-color:var(--color-bg-light);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border-light)}.settings-section-title{align-items:center;gap:var(--spacing-sm);font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-lg)0;display:flex}.settings-section-icon{width:20px;height:20px;color:var(--color-primary)}.settings-list{gap:var(--spacing-md);flex-direction:column;display:flex}.settings-item-content{flex:1}.settings-item-title{font-size:var(--font-text);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.settings-item-description{font-size:var(--font-small);color:var(--color-text-light);margin:0}.settings-form{margin-top:var(--spacing-lg)}.form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-help-text{font-size:var(--font-small);color:var(--color-text-light);margin:0}.form-actions{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);justify-content:flex-end;display:flex}.readonly-field{padding:var(--spacing-sm);background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);color:var(--color-text);font-size:var(--font-text);align-items:center;min-height:40px;display:flex}.groups-list{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.group-item{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-size:var(--font-small);justify-content:space-between;align-items:center;display:flex}.group-name{font-weight:var(--font-weight-medium);color:var(--color-text);font-size:var(--font-text)}.group-badge{background-color:var(--color-primary);color:var(--color-white);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-xs);font-weight:var(--font-weight-medium)}.sidebar-collapse-btn{margin:var(--spacing-md)auto;background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);z-index:20;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:6px;transition:transform .1s ease-out,background-color .3s,color .3s,border-color .3s;display:inline-flex}.sidebar-collapse-btn:hover{background-color:var(--color-bg-transparent-hover);border-color:var(--color-border-primary);color:var(--color-primary)}.sidebar.collapsed .sidebar-collapse-btn{transform:translate(0)scale(1)}.sidebar.collapsed .nav-item svg,.sidebar.collapsed .sidebar-collapse-btn svg{width:var(--spacing-md)!important;height:var(--spacing-md)!important}.sidebar.collapsed .nav-item{padding:var(--spacing-sm);margin:var(--spacing-xxs)0}.dropdown-item-with-submenu{position:relative}.dropdown-item-with-submenu:hover .dropdown-submenu{display:block}.dropdown-submenu{min-width:var(--dropdown-menu-min-width);background:var(--color-bg-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-right:var(--spacing-sm);z-index:1000;display:none;position:absolute;top:0;right:100%}.dropdown-submenu:before{content:"";width:var(--spacing-md);background:0 0;height:100%;position:absolute;top:0;left:100%}.dropdown-submenu-arrow{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-gray-dark);margin-left:auto}.dropdown-language-label{flex:1}.privacy-policy-link-container{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-text);color:var(--color-text-light)}.privacy-policy-link{color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none;transition:color .2s}.privacy-policy-link:hover{color:var(--color-secondary);text-decoration:underline}.privacy-modal-overlay{background:var(--color-bg-overlay);z-index:1000;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.privacy-modal{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);max-width:var(--modal-size-md);width:90%;max-height:80vh;box-shadow:var(--shadow-lg);overflow-y:auto}.privacy-modal-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.privacy-modal-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-primary);align-items:center;gap:var(--spacing-sm);display:flex}.privacy-modal-close{cursor:pointer;color:var(--color-gray-dark);padding:var(--spacing-xs);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s}.privacy-modal-close:hover{background:var(--color-bg-light);color:var(--color-text)}.privacy-modal-content{font-size:var(--font-text);color:var(--color-text);line-height:1.6}.privacy-modal-content p{margin-bottom:var(--spacing-md)}.privacy-modal-content strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.login-language-switcher{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light);flex-direction:column;transition:all .3s;display:flex}.login-language-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)var(--spacing-md);background-color:var(--color-bg-transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-text);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));width:auto;transition:all .3s;display:flex}.login-language-button:has(.login-language-text){min-width:120px}.login-language-button:not(:has(.login-language-text)){min-width:auto;padding:var(--spacing-xs);width:36px;height:36px}.login-language-button:hover:not(:disabled){background-color:var(--color-bg-transparent-hover);border-color:var(--color-border-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-language-button:active:not(:disabled){transform:translateY(0)}.login-language-button:disabled{cursor:not-allowed;opacity:.5}.login-language-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-primary);flex-shrink:0;transition:all .3s}.login-language-text{text-align:center;flex:1;animation:.3s languageTextFadeIn}@keyframes languageTextFadeIn{0%{opacity:0;max-width:0}to{opacity:1;max-width:100px}}.login-language-options{gap:var(--spacing-xs);flex-direction:row;animation:.3s languageOptionsFadeIn;display:flex}@keyframes languageOptionsFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-language-option{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-text);font-weight:var(--font-weight-medium);cursor:pointer;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));justify-content:center;align-items:center;min-width:90px;transition:all .15s;display:flex}.login-language-option:hover{background-color:var(--color-bg-transparent-hover);border-color:var(--color-border-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.login-language-option.active{background-color:var(--color-bg-transparent-primary);border-color:var(--color-border-primary);color:var(--color-primary)}.login-language-option-text{text-align:center}.footer{background:linear-gradient(135deg,var(--color-bg-light)0%,var(--color-bg-white)100%);border-top:1px solid var(--color-border-light);margin-top:auto;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--color-primary)50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.footer-container{max-width:1200px;padding:var(--spacing-xl)var(--spacing-lg);margin:0 auto}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)0;flex-wrap:wrap;display:flex}.footer-copyright{flex:1;min-width:200px}.footer-copyright-text{font-size:var(--font-small);color:var(--color-text-light);margin:0}.footer-version{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;min-width:200px;display:flex}.footer-version-label,.footer-build-label{color:var(--color-text-light);font-size:10px;font-weight:var(--font-weight-medium)}.footer-version-value,.footer-build-value{color:var(--color-primary);font-size:10px;font-weight:var(--font-weight-semibold);background:var(--color-bg-transparent-primary);border-radius:var(--radius-sm);padding:2px 6px}.footer-version-separator{color:var(--color-text-light);margin:0 var(--spacing-xs);font-size:10px}.footer-love{align-items:center;gap:var(--spacing-xs);justify-content:flex-end;min-width:200px;display:flex}.footer-love-text{font-size:var(--font-small);color:var(--color-text-light)}.footer-heart-icon{width:16px;height:16px;color:var(--color-primary);animation:2s ease-in-out infinite heartbeat}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:480px){.tasks-toolbar{gap:var(--spacing-xs)}.tasks-toolbar .select-field,.tasks-toolbar .btn-new,.tasks-toolbar .btn-export{font-size:var(--font-small);padding:var(--spacing-xs)var(--spacing-sm)}.tasks-toolbar .btn-icon{width:var(--icon-size-xs);height:var(--icon-size-xs)}.org-chart-content{padding:var(--spacing-sm)}.org-chart-user-card{width:100px;height:100px}.org-chart-user-avatar{width:32px;height:32px}.org-chart-department-header{padding:var(--spacing-sm)}.org-chart-department-header-content{gap:var(--spacing-sm)}.org-chart-department-icon{width:32px;height:32px}.org-chart-department-name{font-size:var(--font-text)}.filter-chip{font-size:var(--font-text-sm);padding:3px 6px 3px 10px}.chip-value{max-width:80px}.footer-container{padding:var(--spacing-lg)var(--spacing-md)}.footer-content{gap:var(--spacing-md)}.footer-bottom-content{gap:var(--spacing-sm)}}@media (max-width:600px){.form-button-container{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.form-button-container>*{flex:1 1 0;width:100%;min-width:0}.task-type-card-content,.task-section-card-content,.task-section-panel-header,.task-items-panel-header,.task-item-card-content{transform-origin:top;gap:calc(var(--spacing-sm)*.8);width:125%;margin-left:-12.5%;transform:scale(.8)}.logo-section,.actions-section{transform:scale(.8)}.logo-section{transform-origin:0}.actions-section{transform-origin:100%}}@media (max-width:640px){.auth-container{padding:var(--spacing-sm)}.auth-card{padding:var(--spacing-md);margin:var(--spacing-sm);border-radius:var(--radius-md);animation:none}.login-title{font-size:var(--font-subtitle)}.login-subtitle{font-size:var(--font-text)}.input-field,.file-input,.color-text-input,.phone-input-field,.submit-button{padding:var(--spacing-sm);font-size:var(--font-text);border-radius:var(--radius-md)}.auth-logo{height:var(--spacing-lg);margin-bottom:var(--spacing-md)}.login-language-switcher{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.login-language-button:has(.login-language-text){min-width:110px}.login-language-options{flex-wrap:wrap;justify-content:center}.login-language-option{min-width:85px}.history-user-info{grid-template-columns:1fr}.history-action-header{gap:var(--spacing-xs);flex-direction:column}.history-timestamp{align-self:flex-start}}@media (max-width:768px){.page-header-with-actions{flex-direction:column;align-items:stretch}.page-header-back-button{font-size:var(--font-text-sm);min-width:40px;height:40px;padding:0}.page-header-back-icon{stroke-width:2.5px;width:18px;height:18px}.task-header-content{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.task-header-left{gap:var(--spacing-sm);flex-wrap:wrap}.task-info-content{flex-direction:column}.task-info-right,.task-info-date-group{gap:var(--spacing-sm);flex-direction:column}.org-chart-toolbar{gap:var(--spacing-sm);flex-direction:column;align-items:stretch}.org-chart-zoom-controls,.org-chart-view-controls{justify-content:center}.org-chart-user-card{width:120px;height:120px}.org-chart-user-avatar{width:40px;height:40px}.org-chart-user-name{font-size:var(--font-small)}.org-chart-user-role{font-size:10px}.org-chart-departments-others{grid-template-columns:1fr}.filter-chips{flex-direction:column;align-items:flex-start}.date-inputs{flex-direction:column;align-items:stretch}.date-separator{text-align:center;padding:var(--spacing-sm)0}.task-item-card{padding:var(--spacing-sm)}.task-item-card-actions{opacity:1;justify-content:flex-end}.task-items-grid{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-info-item{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}.profile-info-label{min-width:auto}.form-actions{justify-content:stretch}.import-tooltip-content{min-width:320px;max-width:360px;font-size:var(--font-small);padding:var(--spacing-sm)}.import-tooltip-position-right,.import-tooltip-position-left{width:calc(100vw - 40px);max-width:400px;margin:0;position:fixed;top:auto;bottom:20px;left:50%;transform:translate(-50%)}.import-tooltip-arrow-right,.import-tooltip-arrow-left{display:none}.footer{width:100%;margin-left:0}.footer-content{text-align:center;gap:var(--spacing-sm);flex-direction:column}.footer-copyright,.footer-version,.footer-love{justify-content:center;min-width:auto}}@media (max-width:900px){.page-header-actions-left{justify-content:flex-start}.tasks-toolbar{justify-content:flex-start;gap:var(--spacing-sm);width:100%}.tasks-toolbar .select-field{flex:1;min-width:120px;max-width:200px}.tasks-toolbar .btn-new,.tasks-toolbar .btn-export{flex-shrink:0}}@media (max-width:1440px){.table{min-width:800px}}@media (min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}.task-details-header-content{flex-direction:row;align-items:center}.task-details-header-badges{margin-top:0}}@media (min-width:768px){.section-header-wrapper{grid-column:span 2}.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.grid-2-cols{grid-template-columns:repeat(2,1fr)}.task-info-content{flex-direction:row}.task-info-left{margin-bottom:0}.task-content-layout{flex-direction:row}.task-sidebar{width:33.3333%}.task-main-content{width:66.6667%}.task-history-item-dates{grid-template-columns:1fr 1fr}.task-details-info-items{grid-template-columns:repeat(2,1fr)}.task-details-description-section{flex-direction:row}.task-details-items-grid{grid-template-columns:repeat(2,1fr)}.org-chart-departments-others{gap:var(--spacing-sm)}}@media (min-width:1024px){.dashboard-charts-grid{grid-template-columns:1fr 1fr}.stats-grid,.task-details-info-items{grid-template-columns:repeat(4,1fr)}.task-details-sidebar{width:var(--sidebar-width)}.org-chart-departments-others{gap:var(--spacing-sm)}.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1165px){.task-details-content{flex-direction:row}}@media (max-width:1200px){.page-content-modified{flex-direction:column;display:flex}}@media (min-width:1440px){.dashboard-metrics-grid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}}.table-cell .text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.form-spacing:has(.react-tel-input){z-index:1}.task-type-designer-card{background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;gap:var(--spacing-md);flex-direction:column;height:100%;transition:all .2s;display:flex}.task-type-designer-card:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-type-designer-card-header{align-items:flex-start;gap:var(--spacing-md);display:flex}.task-type-designer-card-icon{width:var(--spacing-md);height:var(--spacing-md);background:var(--color-bg-transparent-primary-hover);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-type-designer-card-info{flex:1;min-width:0}.task-type-designer-card-name{font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.task-type-designer-card-code{font-size:var(--font-small);color:var(--color-text-light);margin:0;font-family:monospace}.task-type-designer-card-description{font-size:var(--font-text);color:var(--color-text-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.task-type-designer-card-footer{justify-content:flex-end;margin-top:auto;display:flex}.task-type-designer-card-button{margin-left:auto}.designer-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.designer-palette-item{background:var(--color-bg-white);border:1px solid var(--color-border-light);cursor:move;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:all .2s;display:flex}.designer-palette-item:hover{background:var(--color-bg-light);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm);transform:translate(2px)}.designer-canvas-element{background:var(--color-bg-white);border:1px solid var(--color-border-light);cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;display:flex}.designer-canvas-element:hover{background:var(--color-bg-light);border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.designer-canvas-section{background:var(--color-bg-white);border:1px solid var(--color-border-light);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all .2s}.designer-canvas-section:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.designer-canvas-section.selected{border-color:var(--color-primary);background:var(--color-bg-transparent-primary);box-shadow:var(--shadow-md)}.designer-canvas-element.selected{border-color:var(--color-primary);background:var(--color-bg-transparent-primary)}.designer-properties-close-btn{color:var(--color-text-light);font-size:var(--font-subtitle);padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer;background:0 0;border:none;line-height:1;transition:all .2s}.designer-properties-close-btn:hover{color:var(--color-text);background:var(--color-bg-light);border-radius:var(--radius-sm)}.designer-parameter-section{border:2px solid var(--color-border-primary);background:var(--color-bg-transparent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.designer-parameter-section-title{color:var(--color-primary);padding-left:var(--spacing-md)}.designer-parameter-dropzone{background:var(--color-bg-white);opacity:.7;border-radius:var(--radius-md);min-height:80px;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.designer-section-dropzone{background:var(--color-bg-light);border:1px dashed var(--color-border-light);border-radius:var(--radius-md);min-height:100px;padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;transition:all .2s;display:flex}.designer-section-dropzone:hover{border-color:var(--color-border-primary);background:var(--color-bg-transparent-primary)}.designer-section-dropzone.selected{background:var(--color-bg-transparent-primary);border-color:var(--color-border-primary);border-style:solid}.designer-section-dropzone.horizontal{gap:var(--spacing-md);flex-direction:row!important}.palette-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.palette-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.palette-subtitle{font-size:var(--font-small);color:var(--color-text-light);margin:0}.palette-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.palette-section{margin-bottom:var(--spacing-md)}.palette-section-title{font-size:var(--font-small);font-weight:var(--font-weight-medium);color:var(--color-text-light);margin:0 0 var(--spacing-sm)0}.palette-items-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.palette-item-disabled{opacity:.5;cursor:not-allowed}.palette-item-icon{padding:var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-white);justify-content:center;align-items:center;display:flex}.palette-item-icon-text{background:#2563eb}.palette-item-icon-number{background:#10b981}.palette-item-icon-check{background:#9333ea}.palette-item-icon-gps{background:#ef4444}.palette-item-icon-date{background:#4f46e5}.palette-item-icon-photo{background:#f97316}.palette-item-icon-file{background:var(--color-gray-dark)}.palette-item-icon-list{background:#ec4899}.palette-item-icon-parameter{background:#14b8a6}.palette-item-label{font-weight:var(--font-weight-medium);font-size:var(--font-small);color:var(--color-text);flex:1}.palette-item-sublabel{color:var(--color-text-light);margin-left:var(--spacing-xs);font-size:9px}.palette-loading{font-size:var(--font-small);color:var(--color-text-light);padding:var(--spacing-md)0}.palette-divider{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.properties-panel-empty{padding:var(--spacing-lg);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.properties-panel-empty-title{color:var(--color-text-light);font-size:var(--font-text);margin:0 0 var(--spacing-sm)0}.properties-panel-empty-subtitle{font-size:var(--font-small);color:var(--color-text-light);margin:0}.properties-panel-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.properties-panel-header-top{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.properties-panel-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.properties-panel-subtitle{font-size:var(--font-small);color:var(--color-text-light);text-transform:capitalize;margin:0}.properties-panel-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.properties-panel-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.properties-panel-label{font-size:var(--font-small);font-weight:var(--font-weight-medium);color:var(--color-text);display:block}.properties-panel-input,.properties-panel-select{box-sizing:border-box;width:100%!important;max-width:100%!important}.properties-panel-field .input-field{width:100%!important;max-width:100%!important}.properties-panel-select{cursor:pointer}.properties-panel-select:disabled{opacity:.6;cursor:not-allowed}.properties-panel-help-text{color:var(--color-text-light);margin:var(--spacing-xs)0 0 0;font-size:9px}.properties-panel-checkbox{align-items:center;gap:var(--spacing-sm);display:flex}.properties-panel-checkbox-input{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.properties-panel-checkbox-label{font-size:var(--font-small);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer}.properties-panel-info{font-size:var(--font-small);color:var(--color-text-light);padding:var(--spacing-md);background:var(--color-bg-transparent-primary);border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}.properties-panel-info p{margin:0;line-height:1.5}.canvas-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.canvas-header-info{flex-direction:column;display:flex}.canvas-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.canvas-subtitle{font-size:var(--font-small);color:var(--color-text-light);margin:0}.canvas-content{padding:var(--spacing-lg);flex:1;overflow-y:auto}.canvas-sections-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.canvas-parameter-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.canvas-parameter-description{color:var(--color-text-light);margin:var(--spacing-xs)0 0 0;padding-left:var(--spacing-md);font-size:9px}.canvas-empty-dropzone{text-align:center;padding:var(--spacing-lg)0;color:var(--color-text-light);font-size:var(--font-small)}.canvas-element-icon{color:var(--color-text-light);align-items:center;display:flex}.canvas-element-content{flex:1;min-width:0}.canvas-element-name{font-weight:var(--font-weight-medium);font-size:var(--font-small);color:var(--color-text);margin:0 0 var(--spacing-xs)0}.canvas-element-details{color:var(--color-text-light);margin:0;font-size:9px}.canvas-required-badge{margin-left:var(--spacing-sm);color:var(--color-error)}.canvas-empty-state{text-align:center;padding:var(--spacing-lg)0;color:var(--color-text-light)}.canvas-empty-state-title{font-size:var(--font-text);color:var(--color-text-light);margin:0 0 var(--spacing-sm)0}.canvas-empty-state-subtitle{font-size:var(--font-small);color:var(--color-text-light);margin:0}.canvas-sections-divider{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md);margin-top:0}.canvas-sections-title{font-weight:var(--font-weight-bold);font-size:var(--font-subtitle);color:var(--color-text);margin:0 0 var(--spacing-sm)0}.canvas-sections-description{color:var(--color-text-light);margin:0 0 var(--spacing-sm)0;font-size:9px}.canvas-sections-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.canvas-section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.canvas-section-header-left{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.canvas-section-name{font-weight:var(--font-weight-bold);font-size:var(--font-subtitle);color:var(--color-text);margin:0}.canvas-required-badge-section{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-error);color:var(--color-text-error);font-size:9px}.canvas-section-actions{gap:var(--spacing-sm);display:flex}.canvas-section-edit-input{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--font-subtitle);background:var(--color-bg-white);color:var(--color-text);box-sizing:border-box;width:100%}.task-type-designer-container{background:var(--color-bg-white);flex-direction:column;height:100%;display:flex}.task-type-designer-layout{flex:1;display:flex;overflow:hidden}.task-type-designer-panel-left{border-right:1px solid var(--color-border-light);width:256px;overflow:hidden}.task-type-designer-panel-center{flex:1;overflow:hidden}.task-type-designer-panel-right{border-left:1px solid var(--color-border-light);width:320px;overflow:hidden}.report-designer-container{background:var(--color-bg-white);flex-direction:column;height:100vh;display:flex}.report-designer-header{border-bottom:1px solid var(--color-border-light);height:64px;padding:0 var(--spacing-lg);background:var(--color-bg-white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.report-designer-header-left{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.report-designer-header-icon{color:var(--color-primary)}.report-designer-header-title-group{flex:1}.report-designer-title-input{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);width:100%;color:var(--color-secondary);line-height:var(--spacing-sm);background:0 0;border:none;outline:none;margin:0;padding:0}.report-designer-title-input:focus{ring:0;border-bottom:1px solid var(--color-border-light);outline:none}.report-designer-title-subtitle{color:var(--color-text-light);margin:0;font-size:9px}.report-designer-header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.report-designer-layout{flex:1;display:flex;overflow:hidden}.report-designer-panel-left{border-right:1px solid var(--color-border-light);width:256px;overflow:hidden}.report-designer-panel-center{flex:1;overflow:hidden}.report-designer-panel-right{border-left:1px solid var(--color-border-light);width:320px;overflow:hidden}.report-designer-modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.report-designer-modal{background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--spacing-lg);width:384px;box-shadow:var(--shadow-2xl);border:1px solid var(--color-border-light)}.report-designer-modal-title{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md)0;color:var(--color-text)}.report-designer-modal-field{margin-bottom:var(--spacing-md)}.report-designer-modal-label{font-size:var(--font-small);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-text);display:block}.report-designer-modal-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-small);color:var(--color-text);background:var(--color-bg-white)}.report-designer-modal-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-border-primary);outline:none}.report-designer-modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.report-element-renderer{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-white);box-shadow:var(--shadow-sm)}.report-element-renderer.preview{opacity:.75}.report-element-renderer-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-light);display:flex}.report-element-renderer-icon{color:var(--color-text-light);align-items:center;display:flex}.report-element-renderer-title{font-weight:var(--font-weight-medium);font-size:var(--font-small);color:var(--color-text)}.report-element-renderer-content{padding:0}.report-element-text-content{color:var(--color-text);white-space:pre-wrap;pointer-events:none}.report-element-page-break{padding:var(--spacing-md)0;margin:var(--spacing-md)0;justify-content:center;align-items:center;display:flex}.report-element-page-break-indicator{align-items:center;gap:var(--spacing-sm);color:var(--color-text-light);border:2px dashed var(--color-border-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);display:flex}.report-element-page-break-text{font-size:var(--font-small);font-weight:var(--font-weight-medium)}.report-element-divider-container{padding:var(--spacing-md)0}.report-element-image-container{padding:var(--spacing-sm)}.report-element-image{border-radius:var(--radius-md);max-width:100%}.report-element-image-placeholder{border:2px dashed var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;color:var(--color-text-light)}.report-element-image-placeholder-icon{margin:0 auto var(--spacing-sm)auto;display:block}.report-element-box{padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.report-element-notes{border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);background:#f59e0b1a}.report-element-notes-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)0;color:var(--color-text)}.report-element-notes-content{font-size:var(--font-small);color:var(--color-text-light);margin:0}.report-element-signature{padding:var(--spacing-md);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.report-element-signature-line{border-bottom:2px solid var(--color-text);padding:var(--spacing-sm)var(--spacing-xl);display:inline-block}.report-element-section-title{font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)0;color:var(--color-text);font-size:var(--font-subtitle)}.report-element-section-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.report-element-section-item{font-size:var(--font-small);justify-content:space-between;display:flex}.report-element-section-label{color:var(--color-text-light)}.report-element-section-value{font-weight:var(--font-weight-medium);color:var(--color-text)}.report-element-empty-message{padding:var(--spacing-md);color:var(--color-text-light);font-size:9px}.error-page-container{min-height:calc(100vh - var(--header-height));padding:var(--spacing-lg);background-color:var(--color-bg-light);justify-content:center;align-items:center;display:flex}.error-page-card{width:100%;max-width:600px;padding:var(--spacing-lg);background:var(--color-bg-white);-webkit-backdrop-filter:blur(var(--blur-md))saturate(180%);backdrop-filter:blur(var(--blur-md))saturate(180%);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--color-border-error);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.error-page-card:before{content:"";background:var(--color-bg-error);border-radius:var(--radius-md);pointer-events:none;z-index:-1;opacity:.3;position:absolute;inset:0}.error-page-icon{margin:0 auto var(--spacing-md);color:var(--color-error);display:block}.error-page-title{font-size:var(--font-title);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-md)0}.error-page-message{font-size:var(--font-text);color:var(--color-text-light);margin:0 0 var(--spacing-lg)0}.form-attribution-hint{font-size:var(--font-text);color:var(--color-text-light);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);text-align:center;opacity:.8;letter-spacing:var(--letter-spacing-sm)}body.modal-open{overflow:hidden}.image-viewer-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-user-select:none;user-select:none;background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.image-viewer-controls{z-index:10000;direction:ltr;gap:10px;display:flex;position:fixed;top:20px;right:20px}.image-viewer-button{cursor:pointer;color:#374151;background-color:#ffffffe6;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.image-viewer-button:hover{background-color:#f9fafb;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.image-viewer-content{touch-action:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.image-viewer-overlay *{box-sizing:border-box}.image-viewer-overlay ::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.image-viewer-overlay{-ms-overflow-style:none!important;scrollbar-width:none!important}.btn-filter .notification-badge{animation:none!important}.drag-handle{cursor:grab;opacity:.3;align-items:center;padding:0 8px;transition:opacity .2s;display:flex}.drag-handle:hover{opacity:1}.drop-target{border:2px dashed var(--color-primary);background-color:var(--color-bg-transparent-primary);transition:all .2s}.task-section-card-info-wrapper,.task-item-card-info-wrapper{flex:1;align-items:flex-start;gap:8px;display:flex}.task-section-card{transition:border .2s,background-color .2s}.task-item-card{transition:border .2s}.drag-handle{cursor:grab;align-items:center;display:inline-flex}.drag-handle:active{cursor:grabbing}.task-section-card-header{cursor:default}.task-section-card.dragging{opacity:.5;-webkit-user-select:none;user-select:none}.modal-title--ellipsis{padding-right:var(--spacing-sm);min-width:0;overflow:hidden}.modal-title-text{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-size:var(--font-subtitle);letter-spacing:var(--letter-spacing-md);display:block;overflow:hidden}.modal-title-description{font-size:var(--font-medium);color:var(--color-text)}.table-row-pending{background-color:var(--color-bg-transparent-primary)}.table-row-pending:hover{opacity:.9;background-color:var(--color-bg-transparent-primary)!important}.table-row-pending .pending-param-badge{background-color:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-text);font-weight:var(--font-weight-medium);align-items:center;gap:10px;padding:4px 12px;display:inline-flex}.table-row-pending .pending-param-badge:before{content:"●";font-size:var(--radius-md)}.button-group-split{gap:var(--spacing-md);justify-content:flex-start;display:flex}.button-group-split .submit-button{flex:1;min-width:185px}.rte-wrapper{min-width:0!important}.rte-wrapper .ProseMirror,.rte-wrapper .prosemirror-content{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;width:100%!important;min-width:0!important;max-width:100%!important;height:120px!important;overflow:auto!important}.rte-wrapper .ProseMirror *{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}.rte-wrapper .ProseMirror,.rte-wrapper .ProseMirror p,.rte-wrapper .ProseMirror span,.rte-wrapper .ProseMirror div{white-space:pre!important;overflow-wrap:normal!important;word-break:normal!important}.rte-wrapper .prose,.rte-wrapper .prose *{max-width:none!important}.rte-wrapper .ProseMirror:focus{box-shadow:none!important;border:0!important;outline:none!important}.rte-wrapper .ProseMirror p.is-editor-empty:first-child:before{color:#9ca3af;content:attr(data-placeholder);float:left;pointer-events:none;height:0;font-size:.875rem}.rte-wrapper .ProseMirror p.is-editor-empty:first-child{height:auto}.placeholder-style:before,.is-editor-empty .ProseMirror .placeholder-style:before{color:var(--color-text-light)!important;font-weight:var(--font-weight-medium)!important}.history-timeline-container{padding:var(--spacing-md)0;position:relative}.history-timeline-item{padding-left:40px;padding-bottom:var(--spacing-lg);position:relative}.history-timeline-item:last-child{padding-bottom:0}.history-timeline-line{background:var(--color-border-light);width:2px;position:absolute;top:32px;bottom:-24px;left:11px}.history-timeline-dot{background:var(--color-primary);border:3px solid var(--color-white);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-border-light);z-index:1;border-radius:50%;position:absolute;top:8px;left:6px}.history-content-card{background:var(--color-bg-field);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all .2s}.history-content-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-primary)}.history-action-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);display:flex}.history-action-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-text);flex:1;margin:0}.history-timestamp{align-items:center;gap:var(--spacing-xs);font-size:var(--font-text);color:var(--color-text-light);white-space:nowrap;display:flex}.history-date-subtitle{font-size:var(--font-small);color:var(--color-text-light);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.history-user-info{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.history-info-item{align-items:flex-start;gap:var(--spacing-sm);display:flex}.history-info-icon{border-radius:var(--radius-sm);background:var(--color-bg-transparent-primary);width:32px;height:32px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-info-content{flex:1;min-width:0}.history-info-label{font-size:var(--font-small);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.history-info-value{font-size:var(--font-text);color:var(--color-text);font-weight:var(--font-weight-medium);word-break:break-word}