@charset "UTF-8";body{font-family:Arial,sans-serif;margin:0}.page-layout{display:flex;flex-direction:column;min-height:100vh}.page-layout .main-content{flex:1;padding-bottom:var(--spacing-xl)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.about-page{max-width:1200px;margin:0 auto;padding:0 20px}.login-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-color)}.login-container>*{width:100%}.login-container .authForm{margin:var(--spacing-xxl) auto;flex:1 0 auto;padding:0 var(--spacing-md)}.login-container footer{margin-top:auto}.postcard{--card-padding: 1.25rem;--avatar-size: 2.5rem;background:var(--white);border-radius:var(--radius-lg);padding:var(--card-padding);margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-duration-normal) var(--ease-in-out);overflow:hidden;position:relative;break-inside:avoid}.postcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(var(--primary-rgb),.3)}.postcard__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.postcard .author-info{display:flex;align-items:center;gap:.75rem;min-width:0}.postcard .author-info .author-avatar{flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;text-transform:uppercase}.postcard .author-info .author-details{min-width:0}.postcard .author-info .author-name{font-weight:600;color:var(--text-dark);display:block;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postcard .author-info .post-date{font-size:.75rem;color:var(--text-muted);display:block}.postcard .like-button{display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;padding:.35rem .75rem;border-radius:var(--radius-full);transition:all var(--transition-duration-fast) var(--ease-in-out);flex-shrink:0}.postcard .like-button:disabled{opacity:.7;cursor:not-allowed}.postcard .like-button.liked .like-icon{animation:heartBeat .5s;color:var(--danger)}.postcard .like-button.liked .like-count{color:var(--danger);font-weight:600}.postcard .like-button .like-icon{font-size:1.1rem;transition:transform var(--transition-duration-fast) var(--ease-in-out)}.postcard .like-button .like-count{font-size:.85rem;color:var(--text-muted);transition:all var(--transition-duration-fast) var(--ease-in-out)}.postcard .like-button:not(:disabled):hover{background:rgba(var(--primary-rgb),.1)}.postcard .like-button:not(:disabled):hover .like-icon{transform:scale(1.15)}.postcard__content{margin-bottom:1rem}.postcard__content .post-title{color:var(--text-dark);margin:0 0 .5rem;font-size:1.25rem;line-height:1.4;word-break:break-word}.postcard__content .post-excerpt{color:var(--text);line-height:1.6;margin:0;font-size:.95rem}.postcard__content .post-excerpt p{margin:0 0 .5rem;word-break:break-word}.postcard__content .post-content{word-break:break-word}.postcard__content .post-content *{max-width:100%}.postcard .post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.postcard .post-tags .tag{background:rgba(var(--primary-rgb),.08);color:var(--primary);padding:.35rem .8rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;transition:all var(--transition-duration-fast) var(--ease-in-out);text-decoration:none;display:inline-block}.postcard .post-tags .tag:hover{background:rgba(var(--primary-rgb),.15);transform:translateY(-1px)}.postcard__footer{border-top:1px solid var(--border-color);padding-top:.75rem;display:flex;justify-content:flex-end}@media (max-width: 768px){.postcard__footer{justify-content:flex-start;border-top:none;padding-top:.5rem}}.postcard .comments-btn{display:flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;background-color:var(--gray-100);border:1px solid var(--border-color);border-radius:6px;color:var(--gray-600);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-duration-fast) ease;position:relative;overflow:hidden}.postcard .comments-btn:hover{background-color:var(--gray-200);border-color:var(--border-color-dark);transform:translateY(-1px)}.postcard .comments-btn:active{transform:translateY(0)}.postcard .comments-btn:before{content:"";display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234a5568'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z' /%3E%3C/svg%3E");background-size:contain;transition:all var(--transition-duration-fast)}.postcard .comments-btn:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23${hexToVar(--primary)}'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z' /%3E%3C/svg%3E")}.postcard .comments-btn .comments-count{margin-left:4px;padding:2px 6px;background-color:var(--primary);color:var(--text-on-primary);border-radius:9999px;font-size:.75rem}.postcard .read-more{display:inline-flex;align-items:center;gap:.35rem;color:var(--primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all var(--transition-duration-fast) var(--ease-in-out)}.postcard .read-more .arrow{transition:transform var(--transition-duration-fast) var(--ease-in-out)}.postcard .read-more:hover{color:var(--primary-dark)}.postcard .read-more:hover .arrow{transform:translate(3px)}@media (max-width: 768px){.postcard .read-more{font-size:.85rem;padding:.25rem 0}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width: 768px){.postcard{--card-padding: 1rem;--avatar-size: 2.25rem;margin-bottom:1rem;border-radius:var(--radius-md)}.postcard__header{margin-bottom:.75rem}.postcard .post-title{font-size:1.1rem}.postcard .post-excerpt{font-size:.9rem}.postcard .read-more{display:none}.postcard .like-button{padding:.25rem .5rem}}@media (max-width: 480px){.postcard{--card-padding: .75rem;--avatar-size: 2rem}.postcard .author-name{font-size:.9rem}.postcard .post-date{font-size:.7rem}.postcard .like-button .like-count{font-size:.8rem}.postcard .post-tags{gap:.35rem}.postcard .post-tags .tag{padding:.25rem .7rem;font-size:.7rem}}.post-page{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.post-page .back-button{background:none;border:none;color:var(--primary);font-size:1rem;cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:color var(--transition-duration-fast)}.post-page .back-button:hover{color:var(--primary-dark);text-decoration:underline}.post-page .post-full{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.post-page .post-full .postcard.full-view{padding:0;box-shadow:none}.post-page .post-full .postcard.full-view:hover{transform:none;box-shadow:none}.post-page .post-full .postcard.full-view .post-excerpt{white-space:pre-line;line-height:1.8;font-size:1.05rem;margin:var(--spacing-lg) 0}.post-page .post-full .postcard.full-view .post-tags{margin:var(--spacing-xl) 0 var(--spacing-md)}.post-page .post-full .postcard.full-view .postcard__footer{display:none}.loading,.error{text-align:center;padding:var(--spacing-xl);font-size:1.2rem;color:var(--text-muted)}@media (max-width: 768px){.post-page{padding:var(--spacing-md)}.post-page .post-full{padding:var(--spacing-lg);border-radius:var(--radius-lg)}}.header{background:var(--white);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;padding:15px 0}.header__container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 20px}.header__controls{display:flex;align-items:center;gap:15px;order:3}@media (max-width: 768px){.header__controls{order:2}}.header__logo{font-size:1.5rem;font-weight:700;color:var(--primary);text-decoration:none;order:1}.header__burger{display:none;background:none;border:none;cursor:pointer;order:3;color:var(--text)}@media (max-width: 768px){.header__burger{display:block}}.header__auth{order:2}@media (max-width: 768px){.header__auth{width:100%;order:4;display:none;padding-top:15px}.header__auth--open{display:flex;justify-content:center}}.nav-bar ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-bar ul li a{color:var(--text);text-decoration:none;font-weight:500;padding:8px 0;position:relative;transition:color .2s}.nav-bar ul li a:hover{color:var(--primary)}.nav-bar ul li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}.nav-bar ul li a:hover:after{width:100%}@media (max-width: 768px){.nav-bar{width:100%;order:4;display:none;padding-top:15px}.nav-bar--open{display:block}.nav-bar ul{flex-direction:column;gap:10px;align-items:center}.nav-bar ul li{width:100%;text-align:center}.nav-bar ul li a{display:block;padding:10px 0}.nav-bar ul li a:after{display:none}}@media (max-width: 768px){.auth{flex-direction:column;gap:10px;width:100%}}.auth a{color:var(--text);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:var(--radius-md);transition:all .2s;text-align:center}.auth a:hover{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.auth a.register{border:1px solid var(--primary);color:var(--primary)}.auth a.register:hover{background:var(--primary);color:#fff}@media (max-width: 768px){.auth a{width:100%;padding:10px}}.user{cursor:pointer;display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-md);transition:all .2s}.user:hover{background:rgba(var(--primary-rgb),.1)}.user p{margin:0}@media (max-width: 480px){.user p{display:none}}.user{cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.auth{display:flex;gap:16px;align-items:center}.auth a{color:--text;text-decoration:none;font-weight:500;padding:8px 16px;border-radius:--radius-md;transition:all .2s}.auth a:hover{color:--primary;background:rgba(var(--primary),.1)}.auth a.register{border:1px solid --primary;color:--primary}.auth a.register:hover{background:--primary;color:#fff}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;color:var(--text);transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.footer{background-color:var(--white);box-shadow:var(--shadow-sm);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--text-muted)}.footer__container{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--spacing-md)}.footer__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer__copyright{order:2}.footer__nav-list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md) var(--spacing-lg);margin:0;padding:0;list-style:none}.footer__nav-item{display:flex;align-items:center}.footer__link{color:var(--text);text-decoration:none;transition:all var(--transition-duration-normal) var(--ease-in-out);padding:var(--spacing-xs) 0;position:relative}.footer__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--primary);transition:width var(--transition-duration-normal) var(--ease-in-out)}.footer__link:hover{color:var(--primary)}.footer__link:hover:after{width:100%}@media (min-width: 600px){.footer__content{flex-direction:row;justify-content:space-between;align-items:center}.footer__copyright{order:0}}@media (min-width: 900px){.footer{padding:var(--spacing-xl) 0;font-size:var(--font-size-base)}}.profile-page{max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-xxl) var(--spacing-lg);min-height:calc(100vh - var(--header-height) - var(--footer-height))}.profile-page .profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.profile-page .profile-header .user-info{display:flex;align-items:center;gap:var(--spacing-xl)}.profile-page .profile-header .user-info .avatar{width:96px;height:96px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--text-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);border:3px solid var(--avatar-border)}.profile-page .profile-header .user-info .user-details h1{margin:0;color:var(--text-dark);font-size:var(--font-size-xxl);font-weight:var(--font-weight-semibold);line-height:1.2}.profile-page .profile-header .user-info .user-details .user-registration-date{margin:var(--spacing-xs) 0 0;color:var(--text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-page .profile-header .user-info .user-details .user-registration-date svg{color:var(--text-light)}.profile-page .profile-header .user-info .user-details p{margin:var(--spacing-xs) 0 0;color:var(--text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-page .profile-header .user-info .user-details p svg{color:var(--text-light)}.profile-page .profile-header .logout-button{background:rgba(var(--danger-rgb),.1);color:var(--danger);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-duration-fast);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.profile-page .profile-header .logout-button:hover{background:rgba(var(--danger-rgb),.2);transform:translateY(-1px)}.profile-page .profile-header .logout-button:active{transform:translateY(0)}.profile-page .profile-tabs{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl);border-bottom:1px solid var(--border-color)}.profile-page .profile-tabs button{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-muted);position:relative;font-weight:var(--font-weight-medium);font-size:var(--font-size-md);transition:all var(--transition-duration-fast)}.profile-page .profile-tabs button:hover:not(.active){color:var(--text)}.profile-page .profile-tabs button.active{color:var(--primary);font-weight:var(--font-weight-semibold)}.profile-page .profile-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--primary);border-radius:var(--radius-xs) var(--radius-xs) 0 0}.profile-page .profile-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);padding:var(--spacing-lg);min-height:300px}.profile-page .loading{text-align:center;padding:var(--spacing-xxl);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.profile-page{padding:var(--spacing-lg) var(--spacing-md)}.profile-page .profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-page .profile-header .user-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.profile-page .profile-header .user-info .avatar{width:72px;height:72px;font-size:2rem}.profile-page .profile-header .logout-button{align-self:stretch;justify-content:center;margin-top:var(--spacing-md)}.profile-page .profile-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.profile-page .profile-tabs button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.profile-page .profile-content{padding:var(--spacing-md)}}.post-list{padding:var(--spacing-xl) 0;max-width:800px;margin:0 auto}.post-list .load-more-btn{background-color:var(--primary);color:var(--text-on-primary);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-lg);cursor:pointer;transition:opacity .2s ease}.post-list .load-more-btn:disabled{opacity:.7;cursor:not-allowed}.post-list h2{color:var(--primary);font-size:1.8rem;margin-bottom:var(--spacing-xl);position:relative;padding-bottom:var(--spacing-sm)}.post-list h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--primary)}.post-list .loading,.post-list .error{text-align:center;padding:var(--spacing-xl) 0;color:var(--primary-darkd)}.post-list .error{color:var(--danger)}.post-list .empty{text-align:center;padding:var(--spacing-xl) 0;color:var(--primary-light)}.post-list .empty p{margin:0}.post-list .empty p:first-child{font-size:1.2rem;margin-bottom:var(--spacing-xs)}.post-list .empty p:last-child{font-size:.9rem;opacity:.8}.post-list .postList__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-list-animation{animation:fadeIn .5s var(--ease-out) forwards}.about-page{max-width:var(--max-content-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text);line-height:var(--line-height-base);background-color:var(--white)}.about-page .about-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.about-page .about-header{text-align:center;padding:var(--spacing-xxl) var(--spacing-xl);background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--accent-rgb),.1));border-bottom:1px solid var(--border-color)}.about-page .about-title{color:var(--primary);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.about-page .about-title:after{content:"";position:absolute;bottom:calc(-1 * var(--spacing-sm));left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.about-page .about-subtitle{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.about-page .about-section{padding:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.about-page .about-section:last-child{border-bottom:none}.about-page .section-title{color:var(--text-dark);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);position:relative;padding-bottom:var(--spacing-sm)}.about-page .section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:var(--primary)}.about-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.about-page .feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color-light);transition:all var(--transition-duration-normal) var(--ease-in-out)}.about-page .feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--primary-transparent)}.about-page .feature-card .feature-icon{font-size:2rem;display:block;margin-bottom:var(--spacing-md);color:var(--primary)}.about-page .feature-card h3{color:var(--primary-dark);margin:var(--spacing-sm) 0;font-size:var(--font-size-lg)}.about-page .feature-card p{color:var(--text-muted);margin:0;font-size:var(--font-size-sm)}.about-page .tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) 0}.about-page .tech-category h4{color:var(--primary);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.about-page .tech-list{list-style:none;padding:0;margin:0}.about-page .tech-list li{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:rgba(var(--primary-rgb),.05);border-radius:var(--radius-sm);position:relative;padding-left:var(--spacing-lg)}.about-page .tech-list li:before{content:"▹";position:absolute;left:var(--spacing-sm);color:var(--primary)}.about-page .about-cta{text-align:center;margin-top:var(--spacing-xxl);padding:var(--spacing-xl);background:rgba(var(--primary-rgb),.03);border-radius:var(--radius-lg);border:1px dashed rgba(var(--primary-rgb),.3)}.about-page .about-cta p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.about-page .cta-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary);color:var(--text-on-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-duration-normal) var(--ease-in-out);border:2px solid var(--primary)}.about-page .cta-button:hover{background:transparent;color:var(--primary)}@media (max-width: 768px){.about-page{padding:var(--spacing-md)}.about-page .about-header{padding:var(--spacing-xl) var(--spacing-md)}.about-page .about-title{font-size:var(--font-size-xl)}.about-page .about-subtitle{font-size:var(--font-size-md)}.about-page .about-section{padding:var(--spacing-lg)}.about-page .features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.about-page .about-header{padding:var(--spacing-lg) var(--spacing-sm)}.about-page .about-section{padding:var(--spacing-md)}.about-page .section-title{font-size:var(--font-size-lg)}}:root{--primary: #4361ee;--primary-rgb: 67, 97, 238;--primary-light: rgb(113.7707317073, 136.3073170732, 242.2292682927);--primary-dark: rgb(21.0634146341, 58.2341463415, 232.9365853659);--primary-transparent: rgba(67, 97, 238, .1);--secondary: #3f37c9;--secondary-light: rgb(101.5511811024, 95.157480315, 211.842519685);--accent: #4895ef;--accent-light: rgb(142.3492462312, 189.7487437186, 245.1507537688);--danger: #f72585;--danger-light: rgb(253.3185840708, 209.1814159292, 229.3584070796);--success: #4cc9f0;--success-light: rgb(217.1701030928, 243.587628866, 251.8298969072);--warning: #ffbe0b;--warning-light: rgb(255, 230.7581967213, 164);--info: #7209b7;--info-light: rgb(208.6875, 146.34375, 249.65625);--white: #ffffff;--light-gray: #f8f9fa;--gray-100: #f1f3f5;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray: #adb5bd;--gray-600: #868e96;--gray-700: #495057;--dark-gray: #343a40;--black: #212529;--text: var(--black);--text-light: rgb(67.1148648649, 75.25, 83.3851351351);--text-muted: var(--gray-600);--text-dark: rgb(21.6283783784, 24.25, 26.8716216216);--text-on-primary: var(--white);--border-color: var(--gray-200);--border-color-dark: var(--gray-300);--border-color-light: var(--gray-100);--bg-light: var(--light-gray);--bg-dark: var(--dark-gray);--shadow-xs: 0 1px 2px rgba(33, 37, 41, .04);--shadow-sm: 0 1px 3px rgba(33, 37, 41, .1);--shadow-md: 0 4px 6px rgba(33, 37, 41, .1);--shadow-lg: 0 10px 15px rgba(33, 37, 41, .1);--shadow-xl: 0 20px 25px rgba(33, 37, 41, .1);--shadow-inner: inset 0 2px 4px rgba(33, 37, 41, .05);--form-bg: #ffffff;--form-border: #e2e8f0;--form-heading: #1a202c;--form-label: #4a5568;--form-input-bg: #ffffff;--form-input-border: #e2e8f0;--form-input-text: #2d3748;--form-placeholder: #a0aec0;--tag-bg: #edf2f7;--tag-text: #2d3748;--tag-border: #e2e8f0;--tag-remove-color: #718096;--tag-remove-hover: #e53e3e;--tag-add-bg: #f7fafc;--tag-add-text: #4a5568;--tag-add-border: #e2e8f0;--tag-add-hover: #ebf8ff;--tag-add-hover-border: #bee3f8;--avatar-border: #ffffff;--border-color-light: #e2e8f0;--header-height: 60px;--footer-height: 80px;--card-bg: #ffffff;--input-bg: #f8f9fa;--input-focus-bg: #ffffff;--input-border: #e0e0e0;--disabled-bg: #e0e0e0;--disabled-text: #95a5a6}:root{--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-sm: 1.25;--line-height-base: 1.5;--line-height-lg: 1.75;--transition-duration-fast: .15s;--transition-duration-normal: .3s;--transition-duration-slow: .45s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--max-content-width: 1200px;--header-height: 60px;--sidebar-width: 280px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-modal: 1050;--z-index-tooltip: 1070}[data-theme=dark]{--primary: #5a7dff;--primary-rgb: 90, 125, 255;--primary-light: rgb(141, 165.1818181818, 255);--primary-dark: rgb(39, 84.8181818182, 255);--primary-transparent: rgba(90, 125, 255, .1);--secondary: #6c63ff;--secondary-light: rgb(156.0576923077, 150, 255);--accent: #6cb2ff;--white: #1a1a2e;--light-gray: #16213e;--gray-100: #1e3650;--gray-200: #2d3748;--gray-300: #4a5568;--gray-400: #718096;--gray: #a0aec0;--gray-600: #cbd5e0;--gray-700: #e2e8f0;--dark-gray: #edf2f7;--black: #f8f9fa;--text: #e2e2e2;--text-light: #ffffff;--text-muted: var(--gray-400);--text-dark: #d1d1d1;--text-on-primary: #121212;--border-color: var(--gray-200);--border-color-dark: var(--gray-300);--border-color-light: var(--gray-100);--bg-light: var(--light-gray);--bg-dark: var(--white);--shadow-xs: 0 1px 2px rgba(248, 249, 250, .04);--shadow-sm: 0 1px 3px rgba(248, 249, 250, .1);--shadow-md: 0 4px 6px rgba(248, 249, 250, .1);--shadow-lg: 0 10px 15px rgba(248, 249, 250, .1);--shadow-xl: 0 20px 25px rgba(248, 249, 250, .1);--shadow-inner: inset 0 2px 4px rgba(248, 249, 250, .05);--form-bg: #1a202c;--form-border: #2d3748;--form-heading: #f7fafc;--form-label: #a0aec0;--form-input-bg: #2d3748;--form-input-border: #4a5568;--form-input-text: #f7fafc;--form-placeholder: #718096;--tag-bg: #2d3748;--tag-text: #f7fafc;--tag-border: #4a5568;--tag-remove-color: #a0aec0;--tag-remove-hover: #fc8181;--tag-add-bg: #2d3748;--tag-add-text: #f7fafc;--tag-add-border: #4a5568;--tag-add-hover: #4a5568;--tag-add-hover-border: #718096;--avatar-border: #2d3748;--card-bg: #1a202c;--border-color-light: #2d3748;--card-bg: #1e1e1e;--input-bg: #2d2d2d;--input-focus-bg: #333333;--input-border: #444444;--disabled-bg: #3d3d3d;--disabled-text: #7a7a7a}:root{--primary: #4361ee;--gray: #6c757d;--light-gray: #f8f9fa;height:100%;margin:0;padding:0}.app{min-height:100vh;background-color:var(--white)}body{font-family:Segoe UI,system-ui,sans-serif;line-height:1.6;color:#212529;background-color:var(--light-gray);margin:0;padding:0}