.App{height:100vh;width:100vw;overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;overflow:hidden}@media (max-width: 768px){.app-layout{flex-direction:column}.main-content{width:100%;margin-left:0}}@media (max-width: 768px){.flow-container{flex-direction:column}.node-library{width:100%;height:30vh;border-right:none;border-bottom:1px solid #e9ecef}.properties-panel{width:100%;height:40vh;border-left:none;border-top:1px solid #e9ecef}.node-types-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.designer-actions{flex-direction:column;gap:8px}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.dashboard-card.chart-card{grid-column:span 1}.chart-container{height:250px}.doughnut-chart-container{height:200px}.quick-actions{grid-template-columns:1fr}}.node-library{width:280px;background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow-y:auto}.library-header{padding:16px;background:#fff;border-bottom:1px solid #e9ecef}.library-header h3{margin:0 0 8px;color:#495057;font-size:18px;font-weight:600}.library-header p{margin:0;color:#6c757d;font-size:14px}.node-types{flex:1;padding:16px}.node-type-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease}.node-type-item:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.node-type-item.selected{border-color:#007bff;background:#e7f3ff;box-shadow:0 2px 8px #007bff33}.node-type-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:12px;color:#fff}.node-type-info h4{margin:0 0 4px;color:#495057;font-size:14px;font-weight:600}.node-type-info p{margin:0;color:#6c757d;font-size:12px}.add-node-section{padding:16px;border-top:1px solid #e9ecef;background:#fff}.add-node-hint{margin:8px 0 0;color:#6c757d;font-size:12px;text-align:center}.btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34}body{overflow:hidden}.left-menu{width:280px;background:#2c3e50;color:#fff;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #34495e;transition:transform .3s ease}.mobile-menu-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1100;background:#2c3e50;border:none;border-radius:8px;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .3s ease;padding:10px}.mobile-menu-toggle:hover{background:#34495e;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.hamburger-line{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger-line.open:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.menu-close-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;margin-left:auto}.menu-close-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.menu-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-header{padding:20px;background:#34495e;border-bottom:1px solid #4a5f7a;display:flex;flex-direction:column;gap:6px}.menu-header-top{display:flex;align-items:center;gap:6px}.menu-header img{width:40px;height:40px;flex-shrink:0;object-fit:contain;border-radius:8px;padding:2px}.menu-header h2{margin:0;font-size:20px;font-weight:700;color:#ecf0f1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-header p{margin:0;font-size:14px;color:#bdc3c7;line-height:1.2;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-nav{flex:1;padding:16px 0;margin-bottom:80px}.menu-group{margin-bottom:8px}.menu-group-header{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background-color .2s ease;border-left:3px solid transparent}.menu-group-header:hover{background:#34495e;border-left-color:#3498db}.menu-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.menu-label{flex:1;font-size:14px;font-weight:500}.menu-arrow{font-size:12px;transition:transform .2s ease;color:#bdc3c7}.menu-arrow.expanded{transform:rotate(180deg)}.menu-children{background:#34495e;border-left:3px solid #3498db}.menu-child{display:block;padding:10px 20px 10px 50px;color:#bdc3c7;text-decoration:none;font-size:13px;transition:all .2s ease;border-left:3px solid transparent}.menu-child:hover{background:#2c3e50;color:#ecf0f1;border-left-color:#3498db}.menu-child.active{background:#3498db;color:#fff;border-left-color:#2980b9}.menu-child-disabled{display:block;padding:10px 20px 10px 50px;color:#7f8c8d!important;text-decoration:none;font-size:13px;border-left:3px solid transparent;cursor:not-allowed;opacity:.5;position:relative;-webkit-user-select:none;user-select:none}.menu-child-disabled:before{content:"🔒";position:absolute;left:20px;font-size:12px;opacity:.6}.menu-child-disabled:hover{background:#34495e4d!important;color:#7f8c8d!important;border-left-color:transparent!important;cursor:not-allowed}.menu-home-link{display:flex;align-items:center;padding:12px 20px;color:#bdc3c7;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent;margin-bottom:8px}.menu-home-link:hover{background:#34495e;color:#ecf0f1;border-left-color:#3498db}.menu-home-link.active{background:#3498db;color:#fff;border-left-color:#2980b9}.menu-home-link .menu-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.menu-home-link .menu-label{flex:1;font-size:14px;font-weight:500}.user-area{position:fixed;bottom:0;width:230px;padding:16px;border-top:1px solid #34495e;background:#2c3e50;z-index:1000}.user-info{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s ease}.user-info:hover{background:#ffffff0d}.user-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#3498db;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.user-details{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;color:#ecf0f1;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:#bdc3c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-toggle{background:none;border:none;color:#bdc3c7;font-size:16px;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.user-menu-toggle:hover{background:#ffffff1a;color:#ecf0f1;transform:rotate(90deg)}.user-dropdown{position:absolute;bottom:100%;left:16px;right:16px;background:#34495e;border:1px solid #4a5f7a;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;margin-bottom:8px;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;color:#ecf0f1;font-size:14px}.user-dropdown-item:first-child{border-radius:8px 8px 0 0}.user-dropdown-item:last-child{border-radius:0 0 8px 8px}.user-dropdown-item:hover{background:#3498db1a;color:#3498db}.user-dropdown-item.logout:hover{background:#e74c3c1a;color:#e74c3c}.dropdown-icon{font-size:16px;width:20px;text-align:center}.user-dropdown-divider{height:1px;background:#4a5f7a;margin:4px 16px}@media (max-width: 1024px){.left-menu{width:240px}.user-area{width:190px}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.menu-overlay{display:block}.left-menu{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1001;transform:translate(-100%);box-shadow:2px 0 8px #0003}.left-menu.mobile-open{transform:translate(0)}.menu-close-btn{display:block}.user-area{width:230px}.menu-header{padding:16px;gap:8px}.menu-header-top{gap:10px}.menu-header img{width:36px;height:36px}.menu-header h2{font-size:18px}.menu-header p{font-size:12px}}@media (max-width: 480px){.left-menu{width:85vw;max-width:320px}.user-area{width:calc(85vw - 50px);max-width:270px}.menu-header{padding:12px;gap:6px}.menu-header-top{gap:8px}.menu-header img{width:32px;height:32px}.menu-header h2{font-size:16px}.menu-header p{font-size:11px}.mobile-menu-toggle{top:12px;left:12px;width:40px;height:40px}.hamburger-line{width:20px;height:2.5px}}.notification-container{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.notification{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;min-width:260px;max-width:360px;background:#0f172af2;color:#f8fafc;border-radius:12px;padding:14px 16px;box-shadow:0 20px 45px -18px #0f172a99;border-left:4px solid transparent;animation:slideInRight .4s cubic-bezier(.16,1,.3,1),fadeIn .4s cubic-bezier(.16,1,.3,1);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification.exiting{animation:slideOutRight .35s cubic-bezier(.7,0,.84,0),fadeOut .35s cubic-bezier(.7,0,.84,0)}.notification:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 24px 50px -16px #0f172ab3}.notification-icon{font-size:20px;line-height:1;margin-top:2px}.notification-content{flex:1;display:flex;flex-direction:column;gap:4px}.notification-message{font-size:15px;font-weight:600;color:inherit}.notification-description{font-size:13px;color:#e2e8f0d9}.notification-close{background:transparent;border:none;color:#e2e8f0cc;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px;transition:color .2s ease}.notification-close:hover{color:#f8fafcf2}.notification-success{border-left-color:#22c55e}.notification-error{border-left-color:#ef4444}.notification-warning{border-left-color:#f97316}.notification-info{border-left-color:#3b82f6}@media (max-width: 768px){.notification-container{right:12px;left:12px}.notification{width:auto;max-width:none}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}}.bottom-bar{background:#fff;border-top:1px solid #e9ecef;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;max-height:60px;overflow:hidden;opacity:1}.bottom-bar.expanded{max-height:300px;opacity:1}.bottom-bar:not(.expanded){transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.bottom-bar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;cursor:pointer;background:#f8f9fa;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.bottom-bar-header:hover{background:#e9ecef}.header-content{display:flex;align-items:center;gap:12px}.header-icon{font-size:20px}.header-title{font-size:16px;font-weight:600;color:#495057}.header-description{font-size:12px;color:#6c757d}.header-toggle{display:flex;align-items:center}.toggle-arrow{font-size:14px;color:#6c757d;transition:transform .3s ease}.toggle-arrow.expanded{transform:rotate(180deg)}.bottom-bar-content{padding:16px 20px;background:#fff}.node-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:16px;max-height:180px;overflow-y:auto}.bottom-bar-actions{display:flex;justify-content:center;padding-top:12px;border-top:1px solid #e9ecef}.add-node-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.add-node-btn:hover:not(:disabled){background:#0056b3}.add-node-btn:disabled{background:#6c757d;cursor:not-allowed}.home-page{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.home-page .page-header{padding:24px;background:#2c3e50;color:#fff;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative}.home-page .page-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3498db,#2980b9)}.header-main{display:flex;align-items:center;gap:40px;flex:1}.welcome-content h1{color:#ecf0f1;font-size:28px;margin-bottom:6px;font-weight:600;letter-spacing:-.3px}.welcome-content p{color:#bdc3c7;font-size:14px;margin:0;font-weight:400}.header-stats{display:flex;align-items:center;gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-size:24px;font-weight:700;color:#3498db;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#95a5a6;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{width:1px;height:40px;background:#34495e}.header-actions{display:flex;gap:12px;flex-shrink:0}.header-actions .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s ease;border:none;cursor:pointer;text-decoration:none}.header-actions .btn-icon{font-size:16px}.header-actions .btn-primary{background:#3498db;color:#fff}.header-actions .btn-primary:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.header-actions .btn-secondary{background:transparent;color:#bdc3c7;border:1px solid #34495e}.header-actions .btn-secondary:hover{background:#34495e;color:#ecf0f1;border-color:#4a5f7a;transform:translateY(-1px)}@media (max-width: 768px){.home-page .page-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.header-main{flex-direction:column;align-items:stretch;gap:20px}.welcome-content{text-align:center}.welcome-content h1{font-size:24px}.header-stats{justify-content:center;gap:32px}.header-actions{justify-content:center;flex-wrap:wrap}}@media (max-width: 480px){.home-page .page-header{padding:16px}.welcome-content h1{font-size:20px}.welcome-content p{font-size:13px}.header-stats{gap:20px}.stat-number{font-size:20px}.stat-label{font-size:11px}.header-actions .btn{padding:8px 12px;font-size:13px}}.home-loading{display:flex;justify-content:center;align-items:center;min-height:400px;padding:60px 20px}.loading-container{text-align:center;background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:400px;width:100%}.loading-spinner-home{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-right:4px solid #2980b9;border-radius:50%;animation:spinHome 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;margin:0 auto 24px;position:relative}.loading-spinner-home:before{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;border:2px solid transparent;border-top:2px solid #667eea;border-radius:50%;transform:translate(-50%,-50%);animation:spinReverse .8s linear infinite}@keyframes spinHome{0%{transform:rotate(0);border-top-color:#3498db;border-right-color:#2980b9}25%{border-top-color:#667eea;border-right-color:#764ba2}50%{transform:rotate(180deg);border-top-color:#2980b9;border-right-color:#3498db}75%{border-top-color:#764ba2;border-right-color:#667eea}to{transform:rotate(360deg);border-top-color:#3498db;border-right-color:#2980b9}}@keyframes spinReverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}.loading-container h3{margin:0 0 12px;font-size:24px;font-weight:600;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-container p{margin:0;font-size:16px;color:#6c757d;font-weight:400}.stat-number{transition:all .3s ease}.stat-number:empty:before{content:"-";color:#bdc3c7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.home-loading{min-height:300px;padding:40px 20px}.loading-container{padding:30px 20px}.loading-spinner-home{width:50px;height:50px;margin-bottom:20px}.loading-container h3{font-size:20px}.loading-container p{font-size:14px}}@media (max-width: 480px){.loading-container{padding:24px 16px;margin:0 16px}.loading-spinner-home{width:40px;height:40px}.loading-container h3{font-size:18px}.loading-container p{font-size:13px}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#2c3e50;margin:0 0 4px}.stat-title{font-size:14px;color:#7f8c8d;margin:0 0 8px;font-weight:500}.stat-change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.stat-change.positive{background:#d4edda;color:#155724}.stat-change.negative{background:#f8d7da;color:#721c24}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.dashboard-card.chart-card{grid-column:span 3}.card-header{padding:20px 24px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa}.card-header h3{margin:0;color:#495057;font-size:18px;font-weight:600}.btn-link{background:none;border:none;color:#007bff;font-size:14px;cursor:pointer;text-decoration:none}.btn-link:hover{color:#0056b3}.card-content{padding:24px}.activities-list{display:flex;flex-direction:column;gap:16px;max-height:280px;overflow-y:auto;padding-right:4px}.activity-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;transition:background-color .2s ease}.activity-item:hover{background:#f8f9fa}.activity-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.activity-icon.workflow{background:#e3f2fd;color:#1976d2}.activity-icon.approval{background:#e8f5e8;color:#388e3c}.activity-icon.document{background:#fff3e0;color:#f57c00}.activity-content{flex:1}.activity-title{margin:0 0 4px;font-size:14px;font-weight:600;color:#495057}.activity-meta{margin:0;font-size:12px;color:#6c757d}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#495057}.quick-action-btn:hover{background:#e9ecef;border-color:#007bff;transform:translateY(-2px)}.action-icon{font-size:24px}.quick-action-btn span:last-child{font-size:12px;font-weight:500}.chart-controls{display:flex;gap:8px}.chart-select{padding:6px 12px;border:1px solid #ced4da;border-radius:4px;font-size:12px;background:#fff;cursor:pointer}.chart-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.chart-container{height:300px;width:100%;position:relative}.doughnut-chart-container{height:300px;width:100%;position:relative;display:flex;align-items:center;justify-content:center}.system-status{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;align-items:center;gap:12px;padding:8px 0}.status-indicator{width:12px;height:12px;border-radius:50%}.status-indicator.online{background:#28a745}.status-indicator.warning{background:#ffc107}.status-indicator.offline{background:#dc3545}.status-item span{font-size:14px;color:#495057}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}.workflow-designer{height:100%;display:flex;flex-direction:column;background:#f8f9fa}.designer-header{padding:16px 24px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.designer-header h1{margin:0;color:#495057;font-size:20px;font-weight:600}.designer-actions{display:flex;gap:12px}.flow-container{flex:1;display:flex;overflow:hidden}.flow-area{flex:1;position:relative}.flow-area .react-flow{height:100%;width:100%}.react-flow__edge-path{stroke-width:4px}.properties-panel{width:300px;background:#f8f9fa;border-left:1px solid #e9ecef;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.panel-header{padding:16px;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;color:#495057;font-size:18px;font-weight:600}.selection-type{background:#007bff;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.panel-content{flex:1;padding:16px}.no-selection{text-align:center;color:#6c757d;font-style:italic;margin-top:40px}.node-properties,.edge-properties{margin-bottom:24px}.node-properties h4,.edge-properties h4{margin:0 0 16px;color:#495057;font-size:16px;font-weight:600;border-bottom:1px solid #dee2e6;padding-bottom:8px}.property-group{margin-bottom:16px}.property-group label{display:block;margin-bottom:6px;color:#495057;font-size:14px;font-weight:500}.property-input{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.property-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.property-input.disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.property-input.color-input{height:40px;padding:4px;cursor:pointer}.property-input.range-input{margin-bottom:4px}.range-value{font-size:12px;color:#6c757d;font-weight:500}.property-checkbox{margin-right:8px;transform:scale(1.1)}.delete-btn{width:100%;padding:12px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease;margin-top:8px}.delete-btn:hover{background:#c82333}.data-list{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:visible}.data-list-header{padding:20px 24px;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.data-list-header h2{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.data-list-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.advanced-toggle-btn{padding:8px 12px;border:1px solid #0d6efd;background:#e7f1ff;color:#0d6efd;border-radius:8px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:6px}.advanced-toggle-btn:hover{background:#0d6efd;color:#fff}.advanced-filters{padding:0 24px;background:#f8fbff;border-bottom:1px solid #e9ecef;display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:12px 16px;max-height:0;overflow:hidden;transition:max-height .22s ease,padding-top .22s ease,padding-bottom .22s ease}.advanced-filters.open{padding:12px 24px 8px;max-height:420px}.advanced-filter-field{display:flex;flex-direction:column}.advanced-filter-field label{margin-bottom:6px;font-size:13px;color:#2c3e50}.advanced-filter-field input,.advanced-filter-field select{padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:#fff}@media (max-width: 1024px){.advanced-filters{grid-template-columns:repeat(2,minmax(200px,1fr));overflow:auto}}@media (max-width: 640px){.advanced-filters{grid-template-columns:1fr;overflow:auto}}.search-box{position:relative;display:flex;align-items:center}.search-input{padding:8px 36px 8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;width:250px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#3498db}.search-icon{position:absolute;right:12px;color:#6c757d;pointer-events:none}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#3498db}.status-filter{min-width:140px}.date-filters{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ddd;border-radius:8px;background:#fff}.date-input{border:none;font-size:14px;background:transparent;color:#495057;width:130px}.date-input:focus{outline:none}.date-separator{color:#6c757d;font-weight:500}.clear-filters-btn{padding:8px 12px;border:1px solid #dc3545;background:#fff5f5;color:#dc3545;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.clear-filters-btn:hover{background:#dc3545;color:#fff}.data-list-loading{padding:60px 20px;text-align:center;color:#6c757d}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.empty-state{padding:60px 20px;text-align:center;color:#6c757d}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.data-table-wrapper{position:relative;width:100%}.top-scroll-container{height:17px;overflow-x:auto;overflow-y:hidden;margin-bottom:0;scrollbar-width:thin;scrollbar-color:#c1c7ce #f8f9fa}.top-scroll-container::-webkit-scrollbar{height:17px}.top-scroll-container::-webkit-scrollbar-track{background:#f8f9fa}.top-scroll-container::-webkit-scrollbar-thumb{background:#c1c7ce;border-radius:8px}.data-table-container{overflow-x:auto;overflow-y:auto;height:72vh;scrollbar-width:none;-ms-overflow-style:none}.data-table-container::-webkit-scrollbar{display:none}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:100%}.table-header{position:sticky;top:0;z-index:55552;background:#f8f9fa;padding:12px;text-align:left;font-weight:600;font-size:14px;color:#495057;border-bottom:2px solid #e9ecef;border-right:1px solid #dee2e6;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.table-header:first-child{background:#e9ecef;font-weight:700;color:#2c3e50;text-align:center}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.table-header.sortable:hover{background:#e9ecef}.header-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-indicator{font-size:12px;color:#3498db;font-weight:700}.actions-header{text-align:center;width:120px}.table-row{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.data-table tbody tr:nth-child(2n){background:#fcfcfd;width:50px!important}.table-row:hover{background:#f8f9fa}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#e3f2fd}.table-cell{padding:0 5px;font-size:12.5px;color:#374151;vertical-align:middle;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #dee2e6;border-right:1px solid #dee2e6}.table-cell:first-child{text-align:center;font-weight:600;color:#2c3e50;background:#f8f9fa}.actions-cell{text-align:center}.actions-header{position:sticky;right:0;z-index:3;background:#f8f9fa;box-shadow:-1px 0 #e9ecef}.actions-cell{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-1px 0 #e9ecef}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active,.status-aktif{background:#d4edda;color:#155724}.status-active,.status-aktif-degil{background:#f8d7da;color:#721c24}.status-archive,.status-arsivlendi{background:#d4edda;color:brown}.status-pending,.status-beklemede{background:#fff3cd;color:#856404}.status-completed,.status-tamamlandi{background:#d1ecf1;color:#0c5460}.status-cancelled,.status-iptal{background:#f8d7da;color:#721c24}.status-draft,.status-taslak{background:#e2e3e5;color:#383d41}.status-onaylandi{background:#d4edda;color:#155724}.status-reddedildi,.status_reddedildi{background:#f8d7da;color:#721c24}.status-incelemede{background:#fff3cd;color:#856404}.status-islemde,.status_islemde{background:#e6f0ff;color:#1d4ed8;border:1px solid #bfdbfe}.status-reddedildi{background:#fde2e1;color:#842029}.status-arsivlendi{background:#f5f1e8;color:#8b6914;border:1px solid #d4c5a0}.status-AKTIF{background:#e6f7ec;color:#0f5132}.status-TASLAK{background:#eef0f2;color:#495057}.status-BEKLEMEDE{background:#fff3cd;color:#664d03}.status-TAMAMLANDI{background:#d1ecf1;color:#0c5460}.status-ARSIVLENDI{background:#f5f1e8;color:#8b6914;border:1px solid #d4c5a0}.status-REDDEDILDI{background:#fde2e1;color:#842029}.status-IPTAL{background:#f8d7da;color:#842029}.status-ONAYLANAN{background:#d4edda;color:#0f5132}.status-badge.sm{padding:2px 6px;font-size:11px}.status-badge.lg{padding:6px 10px;font-size:13px}.file-type{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.file-type-pdf{background:#ffebee;color:#d32f2f}.file-type-docx,.file-type-doc{background:#e3f2fd;color:#1976d2}.file-type-xlsx,.file-type-xls{background:#e8f5e8;color:#388e3c}.file-type-pptx,.file-type-ppt{background:#fff3e0;color:#f57c00}.file-type-txt{background:#f5f5f5;color:#616161}.priority-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-kritik{background:#ffebee;color:#c62828;border:1px solid #ef5350}.priority-yuksek{background:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.priority-normal{background:#e8f5e8;color:#2e7d32;border:1px solid #66bb6a}.priority-dusuk{background:#f3e5f5;color:#7b1fa2;border:1px solid #ba68c8}.action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.action-btn{display:flex;align-items:center;gap:4px;padding:6px 8px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.action-btn.edit{background:#e3f2fd;color:#1976d2}.action-btn.edit:hover{background:#bbdefb}.action-btn.delete{background:#ffebee;color:#d32f2f}.action-btn.delete:hover{background:#ffcdd2}.action-btn.view{background:#f3e5f5;color:#7b1fa2}.action-btn.view:hover{background:#e1bee7}.action-btn.default{background:#f5f5f5;color:#666}.action-btn.default:hover{background:#eee}.action-icon{font-size:14px}.data-list-pagination{padding:16px 24px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.pagination-info{font-size:14px;color:#6c757d}.pagination-controls{display:flex;gap:4px;align-items:center}.pagination-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#495057;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn.active{background:#3498db;color:#fff;border-color:#3498db}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.data-list-header{flex-direction:column;align-items:stretch;gap:12px}.data-list-controls{flex-direction:column;align-items:stretch;gap:8px}.search-input{width:100%}.date-filters{justify-content:center}.date-input{width:120px}.clear-filters-btn{align-self:center;width:fit-content}.data-table-container{border-radius:8px;max-height:420px}.top-scroll-container{height:15px}.table-header,.table-cell{padding:12px 8px;font-size:13px}.data-list-pagination{flex-direction:column;gap:12px;text-align:center}.pagination-controls{justify-content:center}.action-buttons{flex-direction:column;gap:2px}.action-btn{padding:4px 6px;font-size:11px}}@media (max-width: 480px){.data-list-header{padding:16px}.data-list-pagination{padding:12px 16px}.table-header,.table-cell{padding:8px 6px;font-size:12px}.pagination-btn{padding:6px 8px;font-size:12px;min-width:32px}}.page{height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.page .page-header{padding:24px;background:#2c3e50;color:#fff;border-bottom:1px solid #34495e;display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative}.page .page-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3498db,#2980b9)}.page .page-header h1{color:#ecf0f1;font-size:24px;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:16px}.export-buttons{display:flex;gap:8px;align-items:center;padding:4px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.btn-export{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:#fffc}.btn-export:hover{background:#fff3;color:#fff;transform:translateY(-1px)}.btn-export.excel:hover{background:#28a74533;color:#90ee90}.btn-export.pdf:hover{background:#dc354533;color:#ffb3ba}.btn-export.print:hover{background:#6f42c133;color:plum}.btn-export .btn-icon{font-size:14px}.page-content{flex:1;padding-bottom:24px;overflow-y:auto}.page-content-not-scroll{flex:1;padding-bottom:24px;overflow-y:hidden}@media (max-width: 768px){.page .page-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.header-actions{flex-direction:column;align-items:stretch;gap:12px}.export-buttons{justify-content:center}.page .page-header h1{text-align:center;font-size:20px}}@media (max-width: 480px){.page .page-header{padding:16px}.export-buttons{flex-wrap:wrap;justify-content:center;gap:6px}.btn-export{padding:6px 10px;font-size:12px}.btn-export .btn-icon{font-size:13px}.page .page-header h1{font-size:18px}.add-button{width:100%;justify-content:center}}.login-page{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 10% 10%,rgba(52,152,219,.1),transparent 40%),radial-gradient(900px 500px at 90% 20%,rgba(118,75,162,.1),transparent 40%),linear-gradient(135deg,#2c3e50,#1f2d3a);padding:24px}.login-card{display:flex;flex-direction:column;justify-content:center;padding:40px;width:100%;max-width:440px;background:linear-gradient(180deg,#fff,#fafbfc);border-radius:16px;box-shadow:0 24px 60px #0000002e;animation:riseIn .42s ease-out both}.login-top{display:flex;align-items:center;flex-direction:column;gap:8px;margin-bottom:24px}.logo-large{width:72px;height:72px;border-radius:16px;box-shadow:0 8px 20px #00000026}.login-title{margin:6px 0 0;color:#2c3e50;font-size:26px;letter-spacing:-.2px}.subtitle{margin:0;color:#6c757d;font-size:14px}.slogans{position:relative;height:22px;margin-top:8px;overflow:hidden}.slogan{position:absolute;left:0;top:0;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;color:#3498db;font-weight:600;font-size:13px}.slogan.active{opacity:1;transform:translateY(0)}.login-page .form-field{position:relative;margin-bottom:18px}.login-page .form-field input{width:100%;padding:14px;border:1px solid #ced4da;border-radius:10px;background:#fff;outline:none;transition:box-shadow .2s ease,border-color .2s ease,transform .06s ease}.login-page .form-field label{position:absolute;left:12px;top:50%;transform:translateY(-170%);background:transparent;padding:0 4px;color:#6c757d;pointer-events:none;transition:all .18s ease}.login-page .form-field input::placeholder{color:transparent}.login-page .form-field input:focus{border-color:#3498db;box-shadow:0 0 0 .2rem #3498db40;transform:translateY(-1px)}.login-page .form-field input:focus+label,.login-page .form-field input:not(:placeholder-shown)+label{top:-8px;transform:none;font-size:12px;color:#3498db;background:#fff}.error{color:#c0392b;background:#fdecea;border:1px solid #f5c6cb;padding:10px 12px;border-radius:8px;margin-bottom:12px}.btn-login{width:100%;padding:12px 14px;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.2px;box-shadow:0 10px 28px #3498db59;transition:transform .06s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}.btn-login:hover{filter:brightness(1.03);box-shadow:0 14px 34px #3498db73}.btn-login:active{transform:translateY(1px)}.btn-login:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .4s ease}.btn-login:hover:after{left:120%}.login-footer{display:flex;justify-content:flex-end;margin-top:12px}.link{color:#3498db;font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}@media (max-width: 480px){.login-card{padding:28px}}@keyframes riseIn{0%{opacity:0;transform:translate3d(0,10px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.definition-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.modal-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-toolbar{padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8f9fa}.btn-add{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-add:hover{background:#218838;transform:translateY(-1px)}.btn-add:disabled{background:#6c757d;cursor:not-allowed;transform:none}.add-form{margin-top:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.form-row{display:flex;gap:8px;align-items:center}.form-input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-sm{padding:6px 12px;font-size:12px;white-space:nowrap}.modal-list-container{flex:1;overflow:hidden;display:flex;flex-direction:column}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;gap:12px}.loading-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.definition-list{flex:1;overflow-y:auto;padding:8px}.empty-state{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#6c757d;font-style:italic}.definition-item{display:flex;align-items:center;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;margin-bottom:4px}.definition-item:hover{background:#f8f9fa;border-color:#e2e8f0;transform:translate(2px)}.definition-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 2px 8px #667eea26}.definition-code{width:120px;font-weight:600;color:#2d3748;font-size:13px;flex-shrink:0}.definition-name{flex:1;color:#4a5568;font-size:13px;margin-left:16px}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8f9fa;display:flex;justify-content:flex-end;gap:12px}.modal-footer .btn{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:6px}.modal-footer .btn-secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.modal-footer .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.modal-footer .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.modal-footer .btn-primary:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{font-size:12px}@media (max-width: 768px){.modal-overlay{padding:10px}.definition-modal{max-height:90vh;border-radius:12px}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.modal-toolbar{padding:12px 20px}.form-row{flex-direction:column;gap:8px}.form-input{width:100%}.definition-item{padding:10px 12px}.definition-code{width:100px;font-size:12px}.definition-name{font-size:12px;margin-left:12px}.modal-footer{padding:12px 20px;flex-direction:column}.modal-footer .btn{width:100%;justify-content:center}}@media (max-width: 480px){.modal-overlay{padding:5px}.definition-modal{border-radius:8px}.modal-header{padding:12px 16px}.modal-header h3{font-size:14px}.modal-toolbar{padding:8px 16px}.definition-item{padding:8px 10px}.definition-code{width:80px;font-size:11px}.definition-name{font-size:11px;margin-left:8px}.modal-footer{padding:8px 16px}}.file-upload-container{margin-top:24px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e9ecef}.file-upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.file-upload-header h3{margin:0;font-size:18px;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:8px}.file-count{font-size:14px;color:#6c757d;background:#f8f9fa;padding:4px 12px;border-radius:12px;font-weight:500}.file-upload-area{border:2px dashed #ced4da;border-radius:12px;padding:48px 24px;text-align:center;background:#f8f9fa;cursor:pointer;transition:all .3s ease;position:relative}.file-upload-area:hover{border-color:#3498db;background:#e3f2fd;transform:translateY(-2px)}.file-upload-area.drag-active{border-color:#2980b9;background:#bbdefb;transform:scale(1.02);box-shadow:0 4px 12px #3498db33}.upload-icon{font-size:48px;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.upload-text{margin:0 0 8px;font-size:16px;color:#495057;font-weight:500}.upload-link{color:#3498db;text-decoration:underline;font-weight:600}.upload-info{margin:0;font-size:13px;color:#6c757d}.file-upload-error{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{font-size:18px}.uploaded-files-list{margin-top:24px;padding-top:24px;border-top:1px solid #e9ecef}.uploaded-files-list h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#2c3e50}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.file-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease;position:relative}.file-item:hover{background:#e9ecef;border-color:#ced4da;transform:translate(4px)}.file-preview{width:60px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid #dee2e6}.file-preview img{width:100%;height:100%;object-fit:cover}.file-icon-preview{width:60px;height:60px;border-radius:6px;background:#fff;border:1px solid #dee2e6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-type-icon{font-size:32px}.file-info{flex:1;min-width:0}.file-name{font-size:14px;font-weight:500;color:#2c3e50;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:12px;color:#6c757d}.file-remove-btn{position:absolute;top:8px;right:8px;background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0}.file-item:hover .file-remove-btn{opacity:1}.file-remove-btn:hover{background:#c82333;transform:rotate(90deg) scale(1.1)}.file-remove-btn:active{transform:rotate(90deg) scale(.95)}@media (max-width: 768px){.file-upload-container{padding:16px;margin-top:16px}.file-upload-area{padding:32px 16px}.upload-icon{font-size:36px}.upload-text{font-size:14px}.upload-info{font-size:12px}.files-grid{grid-template-columns:1fr}.file-upload-header{flex-direction:column;align-items:flex-start;gap:12px}.file-item{padding:10px}.file-preview,.file-icon-preview{width:50px;height:50px}.file-type-icon{font-size:24px}.file-remove-btn{opacity:1}}@media (max-width: 480px){.file-upload-container{padding:12px;border-radius:8px}.file-upload-header h3{font-size:16px}.file-count{font-size:12px;padding:2px 8px}.file-upload-area{padding:24px 12px}.upload-icon{font-size:32px;margin-bottom:12px}.file-name{font-size:13px}.file-size{font-size:11px}}.form-container{max-width:100%;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;border-bottom:1px solid #e1e5e9}.form-header h2{margin:0;font-size:16px;font-weight:600;opacity:.95}.form-header p{margin:4px 0 0;font-size:12px;opacity:.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;max-width:100%}.form-field{display:flex;flex-direction:row;align-items:stretch;position:relative;gap:0;min-height:32px;width:100%}.form-grid .form-field label{margin-bottom:0;font-size:12px;font-weight:600;color:#2d3748;position:static!important;display:flex;align-items:center;letter-spacing:.025em;width:140px;min-width:140px;flex-shrink:0;text-align:right;padding:6px 8px;background-color:#f5f5f5;border:1px solid #e2e8f0;border-right:none;border-radius:4px 0 0 4px;box-sizing:border-box;justify-content:flex-end}.form-grid .form-field input,.form-field select,.form-field textarea{padding:6px 8px;border:1px solid #e2e8f0;border-left:none;border-radius:0 4px 4px 0;font-size:13px;background:#fff;flex:1;display:block;transition:all .2s ease;box-shadow:0 1px 2px #00000008;box-sizing:border-box}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#667eea;border-left:none;box-shadow:0 0 0 2px #667eea1a;transform:none}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea:focus+label{border-color:#667eea;border-right:none}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#cbd5e0;border-left:none;box-shadow:0 1px 3px #00000080}.form-field:hover label{border-color:#cbd5e0;border-right:none}.form-field input:disabled,.form-field select:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed;border-color:#e2e8f0;border-left:none}.form-field input:disabled:hover,.form-field select:disabled:hover{transform:none;box-shadow:0 1px 3px #0000000d}.form-field:has(input:disabled) label,.form-field:has(select:disabled) label{background-color:#f0f0f0;color:#a0aec0}.form-field select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;padding-right:24px;appearance:none}.form-field.select-with-modal{position:relative}.form-field.select-with-modal select{padding-right:48px}.select-modal-btn{position:absolute;right:1px;top:1px;bottom:1px;width:24px;background:#667eea;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .2s ease;z-index:1}.select-modal-btn:hover{background:#5a67d8;transform:scale(1.05)}.select-modal-btn:active{background:#4c51bf;transform:scale(.95)}.form-field select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23667eea' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-field.loading label:after{content:"";display:inline-block;width:12px;height:12px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-left:6px;vertical-align:middle}.form-field:not(.loading) label:after{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-section{margin-bottom:16px}.form-section-title{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e2e8f0;position:relative}.form-section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:30px;height:1px;background:linear-gradient(135deg,#667eea,#764ba2)}.form-field.required label:after{content:" *";color:#e53e3e;font-weight:700}.form-field.error input,.form-field.error select,.form-field.error textarea{border-color:#e53e3e;box-shadow:0 0 0 4px #e53e3e1a}.form-field.error label{color:#e53e3e}.error-message{font-size:12px;color:#e53e3e;margin-top:6px;font-weight:500}.form-field.success input,.form-field.success select,.form-field.success textarea{border-color:#38a169;box-shadow:0 0 0 4px #38a1691a}.form-actions{padding:8px 12px;display:flex;justify-content:flex-end;gap:8px}.form-actions .btn{padding:6px 12px;border-radius:4px;font-weight:600;font-size:13px;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.form-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001f}.form-actions .btn-secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.form-actions .btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}.form-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.form-actions .btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width: 1024px){.form-grid{padding:8px;gap:6px 12px;max-width:100%}.form-grid .form-field label{width:120px;min-width:120px;font-size:11px;padding:4px 6px}.form-grid .form-field input,.form-field select,.form-field textarea{padding:4px 6px;font-size:12px}.form-header{padding:8px 12px}.form-actions{padding:6px 8px}}@media (max-width: 768px){.form-container{margin:0;border-radius:0;box-shadow:none}.form-grid{grid-template-columns:1fr;padding:6px;gap:4px}.form-grid .form-field label{width:140px;min-width:140px;font-size:10px;padding:3px 4px}.form-grid .form-field input,.form-field select,.form-field textarea{padding:3px 4px;font-size:11px}.form-header{padding:6px 8px}.form-header h2{font-size:14px}.form-actions{padding:4px 6px;flex-direction:column}.form-actions .btn{width:100%;justify-content:center;padding:4px 8px;font-size:12px}}@media (max-width: 480px){.form-grid{grid-template-columns:1fr;padding:4px;gap:3px}.form-grid .form-field label{width:120px;min-width:120px;font-size:9px;padding:2px 3px}.form-grid .form-field input,.form-field select,.form-field textarea{padding:2px 3px;font-size:10px}.form-header{padding:4px 6px}.form-header h2{font-size:12px}.form-actions{padding:3px 4px}.form-actions .btn{padding:3px 6px;font-size:11px}}html,body{margin:0;font-family:sans-serif}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:2px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;border:2px solid #f1f1f1;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);border-color:#e9ecef;transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4e5bc6,#5e377e)}::-webkit-scrollbar-corner{background:#f1f1f1;border-radius:10px}*{scrollbar-width:none;scrollbar-color:#667eea #f1f1f1}.dark-scrollbar::-webkit-scrollbar-track{background:#2c3e50}.dark-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2c3e50}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2980b9,#1f5f99)}.light-scrollbar::-webkit-scrollbar-track{background:#fff;border:1px solid #e9ecef}.light-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6c757d,#495057);border-color:#fff}.light-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#495057,#343a40)}.thin-scrollbar::-webkit-scrollbar{width:8px;height:8px}.thin-scrollbar::-webkit-scrollbar-thumb{background:#667eea99;border-radius:6px;border:1px solid transparent}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:#667eeacc}.invisible-scrollbar::-webkit-scrollbar{width:0px;height:0px;background:transparent}html{scroll-behavior:smooth}@keyframes scrollbarFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar-thumb{animation:scrollbarFadeIn .3s ease-in-out}#app{width:100vw;height:100vh;overflow:hidden}.text-updater-node{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #007bff;padding:16px 20px;border-radius:16px;min-width:140px;text-align:center;box-shadow:0 4px 6px #007bff1a,0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.text-updater-node:hover{box-shadow:0 8px 25px #007bff33,0 4px 10px #0000000d;transform:translateY(-4px) scale(1.02)}.text-updater-node input{border:1px solid #e9ecef;border-radius:8px;padding:8px 12px;font-size:14px;transition:border-color .2s ease;background:#fff}.text-updater-node input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.paraf-node{background:linear-gradient(135deg,#6865a5,#5a4f96);border:2px solid #6865A5;padding:16px 20px;border-radius:16px;min-width:140px;text-align:center;color:#fff;box-shadow:0 4px 6px #6865a533,0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.paraf-node:hover{box-shadow:0 8px 25px #6865a54d,0 4px 10px #0000000d;transform:translateY(-4px) scale(1.02)}.paraf-node div{font-weight:600;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.source-handle{background-color:green;padding:3px}.target-handle{background-color:red;padding:3px}.ebys-node{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;padding:16px 20px;min-width:140px;max-width:200px;text-align:center;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ebys-node:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.ebys-node:hover:before{left:100%}.ebys-node:hover{box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000d;transform:translateY(-4px) scale(1.02);border-color:#007bff4d}.ebys-node:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}.node-icon{font-size:28px;margin-bottom:10px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.ebys-node:hover .node-icon{transform:scale(1.1) rotate(5deg)}.node-label{font-size:13px;font-weight:600;color:#2c3e50;word-wrap:break-word;line-height:1.3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:.3px}.ebys-node:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#28a745;opacity:0;transition:opacity .3s ease;box-shadow:0 0 0 2px #fff}.ebys-node:hover:after{opacity:1}.taslak-node{border-color:#6c757d;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 6px #6c757d1a}.taslak-node:hover{border-color:#6c757d;box-shadow:0 8px 25px #6c757d33}.paraf-node{border-color:#6865a5;background:linear-gradient(135deg,#f3f2ff,#e8e5ff);box-shadow:0 4px 6px #6865a51a}.paraf-node:hover{border-color:#6865a5;box-shadow:0 8px 25px #6865a533}.imza-node{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#ffe6e6);box-shadow:0 4px 6px #dc35451a}.imza-node:hover{border-color:#dc3545;box-shadow:0 8px 25px #dc354533}.bilgi-node{border-color:#17a2b8;background:linear-gradient(135deg,#f0f9ff,#e6f7ff);box-shadow:0 4px 6px #17a2b81a}.bilgi-node:hover{border-color:#17a2b8;box-shadow:0 8px 25px #17a2b833}.havale-node{border-color:#28a745;background:linear-gradient(135deg,#f0fff4,#e6ffe6);box-shadow:0 4px 6px #28a7451a}.havale-node:hover{border-color:#28a745;box-shadow:0 8px 25px #28a74533}.iade-node{border-color:#ffc107;background:linear-gradient(135deg,#fffdf0,#fff8e1);box-shadow:0 4px 6px #ffc1071a}.iade-node:hover{border-color:#ffc107;box-shadow:0 8px 25px #ffc10733}.eyazisma-node{border-color:#007bff;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);box-shadow:0 4px 6px #007bff1a}.eyazisma-node:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff33}.otomatik-node{border-color:#20c997;background:linear-gradient(135deg,#f0fffe,#e6fff9);box-shadow:0 4px 6px #20c9971a}.otomatik-node:hover{border-color:#20c997;box-shadow:0 8px 25px #20c99733}.dagitim-geregi-node{border-color:#fd7e14;background:linear-gradient(135deg,#fff8f0,#ffe6d9);box-shadow:0 4px 6px #fd7e141a}.dagitim-geregi-node:hover{border-color:#fd7e14;box-shadow:0 8px 25px #fd7e1433}.dagitim-bilgisi-node{border-color:#6f42c1;background:linear-gradient(135deg,#f8f0ff,#f0e6ff);box-shadow:0 4px 6px #6f42c11a}.dagitim-bilgisi-node:hover{border-color:#6f42c1;box-shadow:0 8px 25px #6f42c133}.kontrol-node{border-color:#e83e8c;background:linear-gradient(135deg,#fff0f8,#ffe6f2);box-shadow:0 4px 6px #e83e8c1a}.kontrol-node:hover{border-color:#e83e8c;box-shadow:0 8px 25px #e83e8c33}.arsiv-node{border-color:#495057;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 6px #4950571a}.arsiv-node:hover{border-color:#495057;box-shadow:0 8px 25px #49505733}.imha-node{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#ffe6e6);box-shadow:0 4px 6px #dc35451a}.imha-node:hover{border-color:#dc3545;box-shadow:0 8px 25px #dc354533}.ebys-node.selected{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff33,0 8px 25px #007bff26!important;transform:scale(1.05)}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{opacity:.8;transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.ebys-node.new-node{animation:nodeAppear .6s cubic-bezier(.4,0,.2,1)}.source-handle,.target-handle{width:12px!important;height:12px!important;border:2px solid white!important;box-shadow:0 2px 4px #0003!important;transition:all .2s ease!important;border-radius:50%!important}.source-handle:hover,.target-handle:hover{box-shadow:0 3px 6px #0000004d!important}.source-handle{background:linear-gradient(135deg,#28a745,#20c997)!important}.target-handle{background:linear-gradient(135deg,#dc3545,#e83e8c)!important}@keyframes dash{to{stroke-dashoffset:-20}}.edge-label{transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.edge-label:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.react-flow__edge-path:hover{stroke-width:4!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}