*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#fafafa}.app{max-width:800px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}h1{margin-bottom:1.5rem}h2{margin-bottom:1rem}.create-section{gap:.5rem;margin-bottom:2rem;display:flex}.create-section input{border:1px solid #ccc;border-radius:4px;flex:1;padding:.5rem .75rem;font-size:1rem}.create-section button{cursor:pointer;color:#fff;background:#333;border:none;border-radius:4px;padding:.5rem 1.5rem;font-size:1rem}.create-section button:hover{background:#555}.projects-list{flex-direction:column;gap:.5rem;display:flex}.project-item{cursor:pointer;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.project-item:hover{background:#f5f5f5}.project-name{font-weight:500}.project-date{color:#888;font-size:.85rem}.project-delete{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:4px;flex-shrink:0;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem}.project-delete:hover{background:#e74c3c}.back-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;margin-bottom:1rem;padding:.4rem 1rem;font-size:.9rem}.back-btn:hover{background:#f0f0f0}.field-group{margin-bottom:1rem}.field-group label{margin-bottom:.25rem;font-size:.9rem;font-weight:500;display:block}.field-group input[type=text]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:1rem}.field-group textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.75rem;font-family:inherit;font-size:1rem}.field-group input[type=file]{font-size:.9rem}.file-info{color:#666;margin-top:.25rem;font-size:.85rem;display:block}.actions{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.actions button{cursor:pointer;color:#fff;background:#333;border:1px solid #ccc;border-radius:4px;padding:.5rem 1.25rem;font-size:1rem}.actions button:hover{background:#555}.actions button:disabled{opacity:.6;cursor:not-allowed}.actions button.danger{background:#c0392b}.actions button.danger:hover{background:#e74c3c}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:8px;min-width:300px;padding:1.5rem 2rem}.modal p{margin-bottom:1.5rem;font-size:1.1rem}.modal-actions{justify-content:center;gap:.75rem;display:flex}.modal-actions button{cursor:pointer;color:#fff;background:#333;border:1px solid #ccc;border-radius:4px;padding:.5rem 1.25rem;font-size:1rem}.modal-actions button:hover{background:#555}.modal-actions button.danger{background:#c0392b}.modal-actions button.danger:hover{background:#e74c3c}.vpn-block{color:#333;justify-content:center;align-items:center;height:100vh;font-family:system-ui,-apple-system,sans-serif;font-size:2rem;display:flex}