:root{--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--brioval-blue:#262b5c;--brioval-blue-deep:#181d4e;--brioval-orange:#ea4f3d;--brioval-medium-blue:#4c76b9;--brioval-yellow:#fabc43;--brioval-green:#42b38e;--bg-base:#f7f7f7;--bg-white:#fff;--text-primary:#333;--text-secondary:#666;--accent-primary:var(--brioval-orange);--accent-blue:var(--brioval-blue);--glass-bg:#262b5c0f;--glass-border:#262b5c1f;--glass-blur:20px;--glass-shadow:0 8px 32px #262b5c14,inset 0 1px 0 #fffc;--glass-btn-bg:#ffffffb3;--glass-btn-hover:#ffffffe6;--radius-card:20px;--radius-btn:12px;--ease-liquid:cubic-bezier(.2,.8,.2,1);--duration-base:.24s;--spacing-page:40px;--spacing-header:20px}*{box-sizing:border-box}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-family-base);background-image:radial-gradient(at 0 0,#4c76b914 0%,#0000 50%),radial-gradient(at 100% 100%,#42b38e0f 0%,#0000 50%);background-attachment:fixed;min-height:100vh;margin:0;padding:0}.glass-panel{background:var(--bg-white);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-card);transition:transform var(--duration-base)var(--ease-liquid),box-shadow var(--duration-base)var(--ease-liquid)}.glass-button{background:var(--glass-btn-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--brioval-blue);border-radius:var(--radius-btn);color:var(--brioval-blue);cursor:pointer;transition:all var(--duration-base)var(--ease-liquid);justify-content:center;align-items:center;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #262b5c14}.glass-button:hover{background:var(--brioval-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #262b5c26}.glass-button:active{transform:translateY(0);box-shadow:0 2px 4px #262b5c1a}.glass-button.primary{background:var(--brioval-orange);border-color:var(--brioval-orange);color:#fff}.glass-button.primary:hover{background:#d94532;border-color:#d94532;box-shadow:0 8px 20px #ea4f3d40}.glass-input{background:var(--bg-white);border-radius:var(--radius-btn);color:var(--text-primary);width:100%;transition:all var(--duration-base)var(--ease-liquid);border:2px solid #262b5c26;outline:none;padding:14px 18px;font-size:16px;box-shadow:inset 0 2px 4px #262b5c08}.glass-input:focus{border-color:var(--brioval-blue);box-shadow:0 0 0 3px #262b5c1a}.glass-input::placeholder{color:#999}.brand-bar{border-radius:2px;height:4px;display:flex;overflow:hidden}.brand-bar span{flex:1}.bar-orange{background:var(--brioval-orange)}.bar-blue{background:var(--brioval-medium-blue)}.bar-yellow{background:var(--brioval-yellow)}.bar-green{background:var(--brioval-green)}.center-layout{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.app-container{background:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.app-header{margin:var(--spacing-header);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:0;padding:16px 24px;display:flex}.header-brand{align-items:center;gap:16px;display:flex}.brand-logo{flex-direction:column;gap:4px;display:flex}.brand-name{letter-spacing:-.02em;color:var(--brioval-blue);font-size:1.3rem;font-weight:800}.brand-logo .brand-bar{width:80px}.header-right{align-items:center;gap:20px;display:flex}.header-date{color:var(--text-secondary);font-size:.9rem}.header-divider{background:var(--glass-border);width:1px;height:24px}.user-info{align-items:center;gap:12px;display:flex}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-avatar{background:var(--brioval-blue);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.main-content{padding:var(--spacing-page);flex:1}.page-title{color:var(--brioval-blue);margin:0 0 8px;font-size:2rem;font-weight:700}.page-description{color:var(--text-secondary);max-width:600px;margin:0 0 40px;font-size:1.05rem;line-height:1.7}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.tool-card{transition:transform var(--duration-base)var(--ease-liquid),box-shadow var(--duration-base)var(--ease-liquid)}.tool-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 40px #262b5c1f}.add-tool-btn{transition:all var(--duration-base)var(--ease-liquid);border:2px dashed #262b5c33}.add-tool-btn:hover{border-color:var(--brioval-blue);background:#262b5c08;transform:translateY(-2px)}@media (max-width:1024px){:root{--spacing-page:24px;--spacing-header:16px}.tools-grid{grid-template-columns:repeat(2,1fr);gap:20px}.page-title{font-size:1.75rem}}@media (max-width:768px){:root{--spacing-page:16px;--spacing-header:12px}.app-header{padding:14px 16px}.header-date,.header-divider,.user-name{display:none}.brand-name{font-size:1.15rem}.brand-logo .brand-bar{width:60px}.tools-grid{grid-template-columns:1fr;gap:16px}.page-title{font-size:1.5rem}.page-description{margin-bottom:24px;font-size:.95rem}.main-content{padding-top:24px}}@media (max-width:480px){.app-header{padding:12px 14px}.user-avatar{width:36px;height:36px;font-size:.8rem}.glass-panel{border-radius:16px}}