.skeleton-assignment{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;position:relative;overflow:hidden;min-height:180px;display:flex;flex-direction:column;gap:8px}.skeleton-assignment:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite}.skeleton-assignment__title{height:28px;width:70%;background:#ffffff0d;border-radius:4px}.skeleton-assignment__description{flex:1;display:flex;flex-direction:column;gap:8px;margin-top:8px}.skeleton-assignment__description-line{height:14px;background:#ffffff08;border-radius:4px}.skeleton-assignment__description-line:nth-child(2){width:90%}.skeleton-assignment__description-line:last-child{width:60%}.skeleton-assignment__footer{height:20px;width:60px;background:#ffffff0d;border-radius:4px;margin-top:auto}@keyframes shimmer{to{transform:translate(100%)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,sans-serif;background-color:#121212;color:#f5f5f5;overflow-x:hidden}button{font-family:inherit;cursor:pointer;transition:all .3s ease}a{color:#00e5ff;text-decoration:none}a:hover{color:#00b8d4}.app-container{display:flex;flex-direction:column;min-height:100vh}.assignment-list{padding:24px;max-width:1200px;margin:0 auto;width:100%}.assignment-list__header{margin-bottom:32px}.assignment-list__header h1{color:#00e5ff}.assignment-list__grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:641px){.assignment-list__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.assignment-list__grid{grid-template-columns:repeat(3,1fr)}}.assignment-list__card{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:transform .3s;position:relative}.assignment-list__card:hover{transform:translateY(-5px);border-color:#00e5ff}.assignment-list__card-solved{position:absolute;top:10px;right:10px;font-size:1.2rem}.assignment-list__card h3{margin-bottom:4px;color:#f5f5f5;padding-right:24px}.assignment-list__card p{color:#888;margin-bottom:8px}.assignment-list__card .difficulty{font-size:.8rem;padding:2px 8px;border-radius:4px;background:#ffffff1a}.assignment-list__card .difficulty--easy{color:#69f0ae}.assignment-list__card .difficulty--medium{color:gold}.assignment-list__card .difficulty--hard{color:#ff5252}.attempt-layout{display:flex;flex-direction:column;padding:16px;gap:16px}@media(min-width:1024px){.attempt-layout{flex-direction:row;height:100vh;overflow:hidden}}.attempt-layout__sidebar{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;flex:1;display:flex;flex-direction:column;padding:24px;overflow-y:auto}.attempt-layout__sidebar::-webkit-scrollbar{width:8px}.attempt-layout__sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.attempt-layout__sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.attempt-layout__sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}@media(min-width:1024px){.attempt-layout__sidebar{max-width:450px}}.attempt-layout__sidebar .back-btn{margin-bottom:16px;width:max-content;display:inline-flex;align-items:center;gap:4px;font-size:.9rem}.attempt-layout__sidebar h2{font-size:1.8rem;margin-bottom:4px;color:#f5f5f5;font-weight:700}.attempt-layout__sidebar .description{margin-top:16px;margin-bottom:16px;color:#888;line-height:1.6;font-size:.95rem}.attempt-layout__main{flex:2;display:flex;flex-direction:column;gap:16px}@media(min-width:1024px){.attempt-layout__main{height:100%;overflow:hidden}}.attempt-layout__editor-panel{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;flex-direction:column;padding:16px;flex:1;min-height:350px}.attempt-layout__editor-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.attempt-layout__editor-panel-header h3{margin:0;font-size:1.2rem;font-weight:600}.attempt-layout__editor-panel-header .theme-selector{display:flex;align-items:center;gap:8px}.attempt-layout__editor-panel-header .theme-selector label{font-size:.85rem;color:#888}.attempt-layout__editor-panel-header .theme-selector select{padding:6px 12px;border-radius:8px;background:#0000004d;color:#f5f5f5;border:1px solid rgba(255,255,255,.2);outline:none;cursor:pointer;transition:border-color .3s}.attempt-layout__editor-panel-header .theme-selector select:focus{border-color:#00e5ff}.attempt-layout__editor-panel-header .theme-selector select option{background-color:#1e1e1e;color:#fff}.attempt-layout__editor-panel-container{flex:1;border:1px solid rgba(255,255,255,.1);overflow:hidden;border-radius:8px;background:#0003}.attempt-layout__results-panel{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;flex:1;padding:24px;overflow-y:auto;min-height:300px}.attempt-layout__results-panel h3{margin-top:0;margin-bottom:16px;font-size:1.2rem;font-weight:600}.attempt-layout__results-panel-message{margin-bottom:16px;padding:14px 18px;border-radius:8px;font-weight:500;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:8px}.attempt-layout__results-panel-message--correct{background-color:#69f0ae26;border:1px solid rgba(105,240,174,.4);color:#69f0ae}.attempt-layout__results-panel-message--incorrect{background-color:#ffab0026;border:1px solid rgba(255,171,0,.4);color:#ffab00}.attempt-layout__results-panel-message--error{background-color:#ff525226;border:1px solid rgba(255,82,82,.4);color:#ff5252}.attempt-layout__results-panel-table-container{overflow-x:auto;margin-bottom:24px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.attempt-layout__results-panel-table-container h4{color:#888;margin:0;padding:8px 16px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);font-weight:500;font-size:.9rem}.attempt-layout__results-panel-table-container p.empty-rows{padding:16px;color:#888;font-style:italic;margin:0}.source-tables{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.source-tables h3{font-size:1.1rem;margin-bottom:8px}.source-tables__table-wrapper{margin-bottom:24px}.source-tables__table-wrapper .table-name{color:#69f0ae;font-weight:600;margin-bottom:4px;display:block;font-family:Fira Code,Consolas,monospace;font-size:.9rem}.source-tables__table-wrapper .table-data{overflow-x:auto;border-radius:6px;background:#0003;border:1px solid rgba(255,255,255,.05)}.source-tables__table-wrapper .loading{color:#888;font-size:.85rem;font-style:italic}.source-tables__expected-schema{margin-top:16px;background:#ffffff08;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.source-tables__expected-schema strong{color:#888;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px}.source-tables__expected-schema ul{margin:0;padding-left:20px;font-size:.85rem;color:#00e5ff;font-family:Fira Code,Consolas,monospace}.data-table{width:100%;border-collapse:collapse;font-size:.85rem;text-align:left}.data-table thead{background:#0006}.data-table thead th{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 12px;color:#00e5ff;font-weight:500;font-family:Fira Code,Consolas,monospace;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.data-table tbody tr:hover{background-color:#ffffff0d}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr td{padding:8px 12px;color:#f5f5f5}.history-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.history-section h3{font-size:1.1rem;margin-bottom:8px}.history-section__list{list-style-type:none;padding:0;max-height:180px;overflow-y:auto;border-radius:8px;background:#00000026;border:1px solid rgba(255,255,255,.05)}.history-section__list::-webkit-scrollbar{width:6px}.history-section__list::-webkit-scrollbar-track{background:transparent}.history-section__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.history-section__list li{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;transition:background .2s}.history-section__list li:last-child{border-bottom:none}.history-section__list li:hover{background:#ffffff0d}.history-section__list li .query-text{font-family:Fira Code,Consolas,monospace;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%;color:#888;display:flex;align-items:center;gap:8px}.history-section__list li .btn--small{padding:4px 8px;font-size:.75rem;border-radius:4px}.hint-box{margin-top:16px;padding:16px;background-color:#00e5ff14;border:1px solid rgba(0,229,255,.3);border-radius:8px;position:relative;overflow:hidden;min-height:80px;flex-shrink:0}.hint-box:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:#00e5ff}.hint-box strong{color:#00e5ff;display:block;margin-bottom:4px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.hint-box p{margin:0;font-size:.95rem;color:#ffffffe6;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.btn{padding:8px 16px;border:none;border-radius:8px;font-weight:600;color:#121212;background:#00e5ff}.btn:hover{background:#00b8d4;color:#121212}.btn--secondary{background:transparent;border:1px solid #00e5ff;color:#00e5ff}.btn--secondary:hover{background:#00e5ff1a}.btn--outline{background:transparent;color:#f5f5f5;border:1px solid #888888}.btn--outline:hover{border-color:#f5f5f5;color:#f5f5f5}.btn--execute{margin-top:16px;width:100%;padding:16px;font-size:1.1rem}.site-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#1e1e1ecc;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.site-header .logo{font-size:1.5rem;font-weight:700}.site-header .logo a{color:#00e5ff}.site-header .desktop-nav{display:none}@media(min-width:641px){.site-header .desktop-nav{display:flex;align-items:center;gap:16px}}.site-header .desktop-nav .welcome-text{color:#f5f5f5}.site-header .desktop-nav .auth-links{display:flex;gap:16px;align-items:center}.site-header .hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}@media(min-width:641px){.site-header .hamburger{display:none}}.site-header .hamburger:focus{outline:none}.site-header .hamburger span{width:100%;height:3px;background:#00e5ff;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.site-header .hamburger.open span:first-child{transform:rotate(45deg)}.site-header .hamburger.open span:nth-child(2){opacity:0;transform:translate(20px)}.site-header .hamburger.open span:nth-child(3){transform:rotate(-45deg)}.site-header .mobile-menu{position:absolute;top:100%;left:0;right:0;background:#1e1e1ef2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:0 32px;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out,padding .3s ease-in-out;z-index:1000;box-shadow:0 4px 10px #00000080}.site-header .mobile-menu.open{max-height:250px;padding:24px 32px}@media(min-width:641px){.site-header .mobile-menu{display:none}}.site-header .mobile-menu .mobile-auth-links{display:flex;flex-direction:column;gap:16px}.site-header .mobile-menu .mobile-auth-links .welcome-text{color:#f5f5f5;text-align:right;font-weight:500;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.site-header .mobile-menu .mobile-auth-links .btn{text-align:center}.auth-container{display:flex;justify-content:center;margin-top:10vh}.auth-card{background:#1e1e1eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px;min-width:350px}.auth-card h2{margin-bottom:24px;color:#00e5ff;text-align:center}.auth-card .auth-error{color:#ff5252;margin-bottom:16px;padding:10px;background:#ff52521a;border-radius:8px}.auth-card .auth-form{display:flex;flex-direction:column;gap:16px}.auth-card .auth-form .form-group label{display:block;margin-bottom:8px}.auth-card .auth-form .form-group .auth-input{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#f5f5f5;transition:border-color .3s}.auth-card .auth-form .form-group .auth-input:focus{outline:none;border-color:#00e5ff}.auth-card .auth-footer{margin-top:16px;text-align:center;font-size:.9rem}.auth-card .auth-footer a{color:#00e5ff}