.sidebar{width:210px;height:100vh;box-sizing:border-box;padding:0;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#2d3748,#4a5568 30%,#718096 70%,#a0aec0);box-shadow:4px 0 20px #00000040;z-index:1000;transition:width .25s ease}.sidebar-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(102,126,234,.12) 0%,transparent 50%),radial-gradient(circle at 80% 40%,rgba(240,147,251,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(79,172,254,.08) 0%,transparent 50%);pointer-events:none}.sidebar-scroll{height:100%;overflow-y:overlay;padding-bottom:56px;position:relative;z-index:2}.sidebar-scroll::-webkit-scrollbar{width:0}.sidebar-scroll{scrollbar-width:none;-ms-overflow-style:none}.sidebar-logo{text-align:center;padding:18px 10px}.logo-title{font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;color:transparent}.logo-sub{font-size:.7rem;color:#fff9;font-style:italic}.sidebar-home{display:flex;align-items:center;padding:12px 15px;margin:0 10px 10px;border-radius:10px;text-decoration:none;color:#fff;background:#ffffff1a;transition:all .25s}.sidebar-home:hover{background:#ffffff26;transform:translate(4px)}.tool-block{margin-bottom:8px}.tool-header{display:flex;justify-content:space-between;align-items:center;margin:0 10px;padding:12px 15px;color:#fff;cursor:pointer;border-radius:10px;background:#ffffff14;transition:all .25s}.tool-header:hover{background:#ffffff24;transform:translate(4px)}.tool-header.active{background:linear-gradient(135deg,#ffd36a,#f5a623);color:#000;font-weight:600}.tool-left{display:flex;align-items:center;gap:10px}.tool-arrow{transition:transform .25s}.tool-arrow.open{transform:rotate(90deg)}.tool-dropdown{margin:5px 10px 0;background:#0003;border-radius:6px;overflow:hidden}.tool-item{display:block;padding:10px 15px 10px 35px;color:#fffc;text-decoration:none;transition:all .2s}.tool-item:hover{background:#ffffff14;color:#fff}.tool-item.active{background:#ffffff26;color:#fff}.sidebar-collapse-btn{position:absolute;bottom:0;left:0;right:0;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-top:1px solid rgba(255,255,255,.15);background:#00000038;color:#ffffffd9;font-size:.85rem;cursor:pointer;z-index:3;transition:background .2s,color .2s}.sidebar-collapse-btn:hover{background:#00000059;color:#fff}.sidebar.collapsed{width:68px}.sidebar.collapsed .logo-title,.sidebar.collapsed .logo-sub,.sidebar.collapsed .sidebar-home span,.sidebar.collapsed .tool-left span,.sidebar.collapsed .tool-arrow,.sidebar.collapsed .tool-dropdown,.sidebar.collapsed .sidebar-collapse-btn span{display:none}.sidebar.collapsed .sidebar-logo{padding:16px 4px}.sidebar.collapsed .sidebar-home,.sidebar.collapsed .tool-header{justify-content:center;padding:12px 0;margin:0 8px 8px}.sidebar.collapsed .sidebar-home:hover,.sidebar.collapsed .tool-header:hover{transform:none}.sidebar.collapsed .tool-left{gap:0;justify-content:center}:root{--yl-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--yl-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--yl-color-text: #111827;--yl-color-muted: #6b7280;--yl-color-subtle: #9ca3af;--yl-color-border: #e5e7eb;--yl-color-border-strong: #d1d5db;--yl-color-bg: #f9fafb;--yl-color-surface: #ffffff;--yl-color-surface-soft: #f3f4f6;--yl-color-primary: #2563eb;--yl-color-primary-hover: #1d4ed8;--yl-color-primary-soft: #dbeafe;--yl-color-success: #16a34a;--yl-color-success-hover: #15803d;--yl-color-warning: #f59e0b;--yl-color-warning-hover: #d97706;--yl-color-danger: #dc2626;--yl-color-danger-hover: #b91c1c;--yl-radius-sm: 4px;--yl-radius-md: 6px;--yl-radius-lg: 8px;--yl-radius-xl: 12px;--yl-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--yl-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--yl-control-height-sm: 30px;--yl-control-height-md: 36px;--yl-control-height-lg: 42px}.yl-btn,.page-content button:not(.ant-btn){min-height:var(--yl-control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:1px solid var(--yl-color-border-strong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-text);font:600 14px/1.2 var(--yl-font-sans);cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:var(--yl-shadow-sm);transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .12s ease}.yl-btn:hover,.page-content button:not(.ant-btn):hover{background:var(--yl-color-surface-soft);border-color:#cbd5e1;transform:translateY(-1px)}.yl-btn:active,.page-content button:not(.ant-btn):active{transform:translateY(0)}.yl-btn:disabled,.page-content button:not(.ant-btn):disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.yl-btn-primary,.page-content button[data-variant=primary]{border-color:var(--yl-color-primary);background:var(--yl-color-primary);color:#fff}.yl-btn-primary:hover,.page-content button[data-variant=primary]:hover{border-color:var(--yl-color-primary-hover);background:var(--yl-color-primary-hover)}.yl-btn-success,.page-content button[data-variant=success]{border-color:var(--yl-color-success);background:var(--yl-color-success);color:#fff}.yl-btn-success:hover,.page-content button[data-variant=success]:hover{border-color:var(--yl-color-success-hover);background:var(--yl-color-success-hover)}.yl-btn-warning,.page-content button[data-variant=warning]{border-color:var(--yl-color-warning);background:var(--yl-color-warning);color:#fff}.yl-btn-warning:hover,.page-content button[data-variant=warning]:hover{border-color:var(--yl-color-warning-hover);background:var(--yl-color-warning-hover)}.yl-btn-danger,.page-content button[data-variant=danger]{border-color:var(--yl-color-danger);background:var(--yl-color-danger);color:#fff}.yl-btn-danger:hover,.page-content button[data-variant=danger]:hover{border-color:var(--yl-color-danger-hover);background:var(--yl-color-danger-hover)}.yl-btn-ghost,.page-content button[data-variant=ghost]{border-color:var(--yl-color-border);background:transparent;color:var(--yl-color-text);box-shadow:none}.yl-btn-sm{min-height:var(--yl-control-height-sm);padding:5px 10px;font-size:12px}.yl-btn-lg{min-height:var(--yl-control-height-lg);padding:10px 18px;font-size:15px}.yl-input,.yl-select,.yl-textarea,.page-content input:not([type=checkbox]):not([type=radio]):not([class*=ant-]),.page-content select:not([class*=ant-]),.page-content textarea:not([class*=ant-]){width:100%;border:1px solid var(--yl-color-border-strong);border-radius:var(--yl-radius-md);background:var(--yl-color-surface);color:var(--yl-color-text);font:14px/1.4 var(--yl-font-sans);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.yl-input,.yl-select,.page-content input:not([type=checkbox]):not([type=radio]):not([class*=ant-]),.page-content select:not([class*=ant-]){min-height:var(--yl-control-height-md);padding:7px 10px}.yl-textarea,.page-content textarea:not([class*=ant-]){min-height:96px;padding:10px;resize:vertical}.yl-input:focus,.yl-select:focus,.yl-textarea:focus,.page-content input:not([type=checkbox]):not([type=radio]):not([class*=ant-]):focus,.page-content select:not([class*=ant-]):focus,.page-content textarea:not([class*=ant-]):focus{border-color:var(--yl-color-primary);box-shadow:0 0 0 3px var(--yl-color-primary-soft)}.yl-label{display:inline-flex;align-items:center;gap:8px;color:var(--yl-color-text);font-size:13px;font-weight:600}.yl-field{display:grid;gap:6px}.yl-help{color:var(--yl-color-muted);font-size:12px}.yl-tool-page{max-width:1440px;margin:0 auto;padding:16px;color:var(--yl-color-text);font-family:var(--yl-font-sans)}.yl-legacy-tool-page{max-width:none;padding:0}.yl-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.yl-page-title{margin:0;color:var(--yl-color-text);font-size:22px;line-height:1.25;font-weight:800}.yl-page-desc{margin:6px 0 0;color:var(--yl-color-muted);font-size:14px}.yl-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.yl-panel,.yl-card{border:1px solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface);box-shadow:var(--yl-shadow-sm)}.yl-panel{padding:16px}.yl-card{padding:14px}.yl-grid{display:grid;gap:14px}.yl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.yl-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.yl-table-wrap{overflow:auto;border:1px solid var(--yl-color-border);border-radius:var(--yl-radius-lg);background:var(--yl-color-surface)}.yl-table,.page-content table:not(.ant-table table){width:100%;border-collapse:collapse;color:var(--yl-color-text);font-size:13px}.yl-table th,.yl-table td,.page-content table:not(.ant-table table) th,.page-content table:not(.ant-table table) td{padding:9px 10px;border-bottom:1px solid var(--yl-color-border);vertical-align:top}.yl-table th,.page-content table:not(.ant-table table) th{background:var(--yl-color-bg);color:#374151;font-weight:700;text-align:left}.yl-chip{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:2px 8px;border:1px solid var(--yl-color-border);border-radius:999px;background:var(--yl-color-bg);color:#374151;font-size:12px;font-weight:600}.yl-muted{color:var(--yl-color-muted)}.yl-mono{font-family:var(--yl-font-mono)}@media (max-width: 900px){.yl-grid-2,.yl-grid-3{grid-template-columns:1fr}.yl-page-header{display:grid}}.page-content .ant-btn{border-radius:var(--yl-radius-md);font-weight:600}.page-content .ant-card{border-radius:var(--yl-radius-lg);border-color:var(--yl-color-border);box-shadow:var(--yl-shadow-sm)}.page-content .ant-table-wrapper .ant-table,.page-content .ant-upload-drag{border-radius:var(--yl-radius-lg)}body{margin:0;font-family:sans-serif}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:200px;background-color:#222;color:#fff;padding:20px 0}.sidebar a{display:block;color:#bbb;padding:10px 20px;text-decoration:none}.sidebar a:hover,.sidebar a.active{background-color:#444;color:#fff}.tool-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 20px;color:#bbb;transition:background-color .3s ease,color .3s ease}.tool-header:hover,.tool-header.active{background-color:#444;color:#fff}.tool-name{flex:1}.dropdown-arrow{padding:0 10px;color:#bbb;font-size:12px;transition:transform .3s ease,color .3s ease}.tool-header:hover .dropdown-arrow{color:#fff}.tool-items{background-color:#1a1a1a;border-top:1px solid #333}.tool-items .sub-item{padding:8px 20px 8px 40px;font-size:14px;color:#ccc;border-left:3px solid transparent}.tool-items .sub-item:hover,.tool-items .sub-item.active{background-color:#333;color:#fff;border-left-color:#e67e22}.main-content{flex:1;min-width:0;display:flex;flex-direction:column;overflow-x:hidden}.topbar{height:60px;background-color:#f2f2f2;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid #ddd}.page-content{flex:1;min-width:0;padding:20px;background-color:#f9f9f9;overflow-y:auto;overflow-x:hidden}.tool-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;color:inherit;overflow:hidden}.tool-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.tool-card-text{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tool-card-data{background:linear-gradient(135deg,#43e97b,#38f9d7)}.tool-icon{font-size:2rem;margin-bottom:15px}.tool-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 10px}.tool-description{color:#666;line-height:1.5;margin:0}.tool-card-dev{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-card-design{background:linear-gradient(135deg,#f093fb,#f5576c)}.tool-card-security{background:linear-gradient(135deg,#4facfe,#00f2fe)}.tool-card-analytics{background:linear-gradient(135deg,#43e97b,#38f9d7)}.search-container{display:flex;align-items:center;background:#f5f5f5;border-radius:20px;padding:8px 15px;margin-right:20px}.search-input{border:none;background:transparent;outline:none;width:200px;font-size:14px}.search-icon{width:16px;height:16px;margin-right:8px;opacity:.6}.lang-switch{background:none;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;margin-right:15px;font-size:12px;transition:all .3s ease}.lang-switch:hover{background:#f0f0f0}.notification-bell{background:none;border:none;cursor:pointer;margin-right:15px;position:relative}.bell-icon{width:20px;height:20px;opacity:.7}.notification-badge{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center}.user-profile{position:relative;cursor:pointer}.avatar{width:32px;height:32px;border-radius:50%;border:2px solid #ddd}.profile-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:150px;z-index:1000;display:none}.profile-menu.show{display:block}.profile-menu-item{padding:10px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .3s ease}.profile-menu-item:hover{background:#f5f5f5}.profile-menu-item:last-child{border-bottom:none}@media (max-width: 768px){.sidebar{width:200px}.search-input{width:150px}.topbar{padding:10px 15px}}